📜  对象文字 js - Javascript (1)

📅  最后修改于: 2023-12-03 15:25:11.802000             🧑  作者: Mango

对象文字 in JavaScript

在 JavaScript 中,对象文字是一种方便创建对象的方式。对象文字由一对花括号组成,并且可以包含任意数量的属性和方法。

创建对象文字

以下是创建对象文字的基本语法:

let object = {
  property1: value1,
  property2: value2,
  method: function() {
    // method body
  }
};

其中 property1property2 是属性名称,可以使用任何有效的 JavaScript 标识符。value1value2 是相应属性的值,可以是任意数据类型或对象。method 是一个方法名称,其后跟一个函数体,用于定义该方法的行为。

在对象文字中,可以使用来自该对象所属的原型链的方法和属性,也可以添加自定义方法和属性。例如:

let person = {
  name: "Alice",
  age: 30,
  sayHello: function() {
    console.log("Hello, my name is " + this.name + " and I am " + this.age + " years old.");
  }
};

person.sayHello(); // 输出 "Hello, my name is Alice and I am 30 years old."
访问对象文字的属性和方法

要访问对象文字中的属性或方法,可以使用点表示法或括号表示法。例如:

let person = {
  name: "Alice",
  age: 30,
  sayHello: function() {
    console.log("Hello, my name is " + this.name + " and I am " + this.age + " years old.");
  }
};

console.log(person.name); // 输出 "Alice"
console.log(person["age"]); // 输出 30

person.sayHello(); // 输出 "Hello, my name is Alice and I am 30 years old."
修改和添加对象文字的属性和方法

可以使用点表示法或括号表示法修改或添加对象文字的属性和方法。例如:

let person = {
  name: "Alice",
  age: 30,
  sayHello: function() {
    console.log("Hello, my name is " + this.name + " and I am " + this.age + " years old.");
  }
};

person.age = 31;
person["height"] = "5'6\"";

person.sayHello(); // 输出 "Hello, my name is Alice and I am 31 years old."
console.log(person.height); // 输出 "5'6\""
删除对象文字的属性和方法

要删除对象文字中的属性或方法,可以使用 delete 关键字。例如:

let person = {
  name: "Alice",
  age: 30,
  sayHello: function() {
    console.log("Hello, my name is " + this.name + " and I am " + this.age + " years old.");
  }
};

delete person.age;

person.sayHello(); // 输出 "Hello, my name is Alice and I am undefined years old."
console.log(person.age); // 输出 "undefined"
总结

对象文字是一种创建对象的方便方式。它们由一对花括号组成,并且可以包含任意数量的属性和方法。要创建对象文字,请使用基本语法 { property1: value1, property2: value2, method: function() { /* method body */ } }。您可以使用点表示法或括号表示法来访问对象文字的属性和方法,并使用 delete 关键字删除它们的属性和方法。