utilisation des objets javascript-Questions et réponses frontales-php.cn

JavaScript est un langage de programmation largement utilisé, dynamique et flexible. En JavaScript, les objets constituent l’une des constructions de langage les plus puissantes et les plus couramment utilisées. Cet article présentera l'utilisation, les caractéristiques et les applications courantes des objets JavaScript.

1. Introduction aux objets JavaScript

Les objets JavaScript sont un type de données utilisé pour encapsuler plusieurs propriétés et former un ensemble de données. Sa syntaxe peut être créée à l'aide de littéraux d'objet, de constructeurs ou de la méthode Object.create().

Méthode littérale d'objet

La méthode littérale d'objet est la méthode la plus simple et la plus couramment utilisée pour créer des objets en JavaScript. La syntaxe est la suivante :

var obj = {
  propertyName1: value1,
  propertyName2: value2,
  ...
  propertyNameN: valueN
};

Copier après la connexion

Parmi eux, propertyName est le nom de la propriété et value est la valeur de la propriété. Les littéraux d'objet peuvent être considérés comme une manière de créer des objets de type JSON. propertyName 为属性名，value 为属性值。可以认为对象字面量法是一种类似于 JSON 的创建对象方式。

构造函数法

构造函数法是通过定义一个构造函数来创建对象的方法。其语法如下：

function Object(propertyName1, propertyName2, ..., propertyNameN) {
  this.propertyName1 = propertyName1;
  this.propertyName2 = propertyName2;
  ...
  this.propertyNameN = propertyNameN;
}
var obj = new Object(value1, value2, ..., valueN);

Copier après la connexion

其中，this 关键字表示当前对象，并通过参数传入属性值。

Object.create() 法

Object.create() 是一种创建对象的方法，它可以用来创建新对象并指定该对象的原型对象。其语法如下：

var obj = Object.create(proto, [propertiesObject])

Copier après la connexion

其中，proto 表示原型对象，propertiesObject 表示要添加到对象的属性及其属性值。

二、JavaScript 对象特性

JavaScript 对象有以下几个特性：

对象属性

JavaScript 对象由一组属性组成。属性名称可以是字符串或符号，属性值可以是任意类型的数据，包括简单类型和对象类型。使用属性名称来访问属性值，例如：

var obj = {name: "Tom", age: 20};
console.log(obj.name); // 输出："Tom"

Copier après la connexion

属性描述符

每个对象属性都有一些描述符，包括可枚举、可写、可配置和值等。可以使用 Object.getOwnPropertyDescriptor() 方法来获取这些属性描述符。

对象方法

JavaScript 对象还可以包含方法，方法是对象属性的一种特殊类型，其值为函数。方法可以用来操作对象及其属性。例如：

var obj = {
  name: "Tom",
  age: 20,
  sayHello: function() {
    console.log("Hello, my name is " + this.name + ", I am " + this.age + " years old.");
  }
};
obj.sayHello(); // 输出："Hello, my name is Tom, I am 20 years old."

Copier après la connexion

对象原型

JavaScript 中的对象可以通过原型来继承属性和方法。每个对象都有一个原型对象，可以使用 Object.getPrototypeOf() 方法来获取该对象的原型。

var parent = {x: 1};
var child = Object.create(parent);
console.log(child.x); // 输出：1

Copier après la connexion

三、JavaScript 对象常见应用

批量创建对象

使用对象字面量法可以批量创建对象。

var arrOfObj = [
   {name: "Tom", age: 20},
   {name: "Jerry", age: 21},
   {name: "Mickey", age: 22}
];

Copier après la connexion

访问和修改对象属性

使用 . 和 []

var obj = {name: "Tom", age: 20};
console.log(obj.name); // 输出："Tom"
obj.age = 21;
console.log(obj["age"]); // 输出：21

Copier après la connexion

Parmi eux, le mot-clé this représente l'objet actuel et la valeur de l'attribut est transmise via des paramètres.

Méthode Object.create()

Object.create() est une méthode de création d'objets. Elle peut être utilisée pour créer un nouvel objet et spécifier l'objet prototype de l'objet. La syntaxe est la suivante :

function printObjInfo(obj) {
  console.log("Object name is " + obj.name + ", and age is " + obj.age);
}
var obj = {name: "Tom", age: 20};
printObjInfo(obj);
// 输出："Object name is Tom, and age is 20"

Copier après la connexion

Parmi eux, proto représente l'objet prototype, et propertiesObject représente les propriétés à ajouter à l'objet et leurs valeurs de propriété.

2. Caractéristiques des objets JavaScript

function Person(name, age) {
  this.name = name;
  this.age = age;
}
Person.prototype.sayHello = function() {
    console.log("Hello, my name is " + this.name + ", I am " + this.age + " years old.");
};
function Student(name, age, grade) {
  Person.call(this, name, age);
  this.grade = grade;
}
Student.prototype = Object.create(Person.prototype);
Student.prototype.constructor = Student;
Student.prototype.study = function() {
  console.log(this.name + " is studying in grade " + this.grade);
};

var stu = new Student("Tom", 20, 3);
stu.sayHello(); // 输出："Hello, my name is Tom, I am 20 years old."
stu.study(); // 输出："Tom is studying in grade 3"

Copier après la connexion

.

[]

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!