Maison  >  Article  >  interface Web  >  Quelles sont les propriétés communes de JavaScript ?

Quelles sont les propriétés communes de JavaScript ?

PHPz
PHPzoriginal
2023-04-25 17:29:07958parcourir

JavaScript est un langage de programmation largement utilisé, principalement utilisé pour le développement Web et le développement d'applications. Il possède de nombreuses propriétés puissantes qui aident les développeurs à écrire des applications plus flexibles, efficaces et riches en fonctionnalités. Dans cet article, nous explorerons certaines propriétés couramment utilisées en JavaScript.

  1. Propriété length

La propriété length est utilisée pour renvoyer le nombre d'éléments dans un tableau. Lorsque des éléments sont ajoutés ou supprimés du tableau, la valeur de cette propriété s'ajuste en conséquence. Par exemple, le code suivant créera un tableau puis y ajoutera trois éléments :

var myArray = [1, 2, 3];
console.log(myArray.length); // 输出3
  1. attribut prototype

L'attribut prototype est utilisé pour ajouter de nouvelles propriétés et méthodes à un objet. Il s'agit d'une propriété appartenant à chaque objet JavaScript qui permet aux programmeurs d'ajouter de nouvelles méthodes à l'objet. Par exemple :

function Person(name, age) {
  this.name = name;
  this.age = age;
}
Person.prototype.greet = function() {
  console.log("Hello, my name is " + this.name + " and I am " + this.age + " years old.");
}
var john = new Person("John", 25);
john.greet(); // 输出“Hello, my name is John and I am 25 years old.”

Dans le code ci-dessus, nous avons créé un constructeur appelé Person et ajouté deux propriétés (nom et âge) à son instance. Nous avons ensuite ajouté une nouvelle méthode greet() à la fonction en utilisant l'attribut prototype afin que chaque objet Person puisse y accéder.

  1. attribut constructeur

L'attribut constructeur est utilisé pour renvoyer le constructeur qui crée l'objet. Par exemple :

function Person(name, age) {
  this.name = name;
  this.age = age;
}
var john = new Person("John", 25);
console.log(john.constructor); // 输出Person函数

Dans le code ci-dessus, nous avons créé un constructeur appelé Person et l'avons instancié en tant qu'objet john. Nous utilisons ensuite john.constructor pour vérifier le constructeur qui a créé l'objet john.

  1. Méthode call()

La méthode call() nous permet d'appeler une fonction lors du changement de portée d'un objet. Il appelle une fonction en utilisant la valeur this spécifiée, en lui passant un ou plusieurs arguments. Par exemple :

function greet() {
  console.log("Hello, my name is " + this.name + " and I am " + this.age + " years old.");
}
var john = {name: "John", age: 25};
greet.call(john); // 输出“Hello, my name is John and I am 25 years old.”

Dans le code ci-dessus, nous avons créé une fonction appelée greet() qui utilise cette variable pour référencer les propriétés name et age. Ensuite, nous créons un objet nommé john, qui possède une propriété name et une propriété age. Enfin, nous utilisons la méthode call() pour appeler la fonction greet() dans le contexte de l'objet john.

  1. Méthode apply() La méthode

apply() est similaire à la méthode call(), mais elle appelle une fonction avec un tableau de paramètres. Par exemple :

function sum(a, b) {
  console.log(a + b);
}
var values = [2, 4];
sum.apply(null, values); // 输出6

Dans le code ci-dessus, nous avons créé une fonction appelée sum() qui ajoute deux paramètres et affiche le résultat sur la console. Nous créons ensuite un tableau contenant les deux valeurs et utilisons la méthode apply() pour les transmettre à la fonction sum(). La méthode

  1. bind() La méthode

bind() crée une nouvelle fonction similaire à la fonction d'origine mais lie l'objet et les paramètres spécifiés. Par exemple :

var john = {name: "John", age: 25};
function greet() {
  console.log("Hello, my name is " + this.name + " and I am " + this.age + " years old.");
}
var greetJohn = greet.bind(john);
greetJohn(); // 输出“Hello, my name is John and I am 25 years old.”

Dans le code ci-dessus, nous avons créé un objet nommé john et une fonction nommée greet(). Ensuite, nous utilisons la méthode bind() pour lier l’objet john et la fonction greet() dans la fonction greetJohn. Enfin, nous appelons la fonction greetJohn() pour afficher un message de bienvenue.

En JavaScript, il existe de nombreuses autres propriétés et méthodes utiles à la disposition des programmeurs. Apprendre à les utiliser peut vous aider à écrire un code meilleur, plus flexible et plus efficace.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn