JavaScript 中的对象属性和原型
在 JavaScript 中，对象是指具有属性和方法的实体，它是一种非常重要的数据类型，可以用于创建各种复杂的数据结构和应用程序。JavaScript 中的对象属性和原型是对象系统的核心概念，掌握这些概念对于编写高效、可靠的 JavaScript 程序至关重要。
对象属性
在 JavaScript 中，对象属性是对象的数据成员，可以存储各种类型的数据，例如数字、字符串、数组、对象等。每个属性都有一个名称和一个值，可以使用点操作符或方括号操作符访问对象属性。
例如，下面的代码演示了如何创建一个对象，并设置属性值：
let person = { name: 'John', age: 30, hobbies: ['reading', 'hiking', 'photography'], address: { street: '123 Main St', city: 'New York', state: 'NY' } }; console.log(person.name); // output: John console.log(person.hobbies[0]); // output: reading console.log(person.address.city); // output: New York 在上面的代码中，我们创建了一个 person 对象，并设置了它的属性。这些属性可以使用点操作符或方括号操作符访问。例如，person.name 访问 name 属性，person.hobbies[0] 访问 hobbies 数组的第一个元素，person.address.city 访问 address 对象的 city 属性。
除了常规的属性，JavaScript 还提供了一些特殊的属性，例如 length、prototype 等。这些属性在 JavaScript 中有特殊的含义，掌握它们对于编写高效、可靠的 JavaScript 程序至关重要。
对象原型
在 JavaScript 中，每个对象都有一个原型（prototype），原型是一个对象，包含了一些共享的属性和方法。当一个对象需要访问一个属性或方法时，JavaScript 引擎会先查找对象本身是否有该属性或方法，如果没有，则查找对象的原型是否有该属性或方法，如果还没有，则继续查找原型的原型，直到找到该属性或方法为止。
例如，下面的代码演示了如何创建一个对象，并设置它的原型：
let person = { name: 'John', age: 30, hobbies: ['reading', 'hiking', 'photography'], address: { street: '123 Main St', city: 'New York', state: 'NY' } }; let student = Object.create(person); student.major = 'Computer Science'; student.gpa = 3.5; console.log(student.name); // output: John console.log(student.major); // output: Computer Science 在上面的代码中，我们使用 Object.create 方法创建了一个 student 对象，并将 person 对象设置为它的原型。这意味着 student 对象可以访问 person 对象中的所有属性和方法，例如 name属性。
除了使用 Object.create 方法设置原型外，JavaScript 还提供了一些其他的方式来设置对象原型。例如，每个函数对象都有一个原型对象，可以通过给函数对象的 prototype 属性赋值来设置原型。例如：
function Person(name, age) { this.name = name; this.age = age; } Person.prototype.sayHello = function() { console.log('Hello, my name is ' + this.name + ', and I am ' + this.age + ' years old.'); }; let person = new Person('John', 30); person.sayHello(); // output: Hello, my name is John, and I am 30 years old. 在上面的代码中，我们创建了一个 Person 函数，并将 sayHello 方法添加到了它的原型上。然后，我们创建了一个 person 对象，并调用了它的 sayHello 方法。由于 person 对象的原型是 Person.prototype，所以它可以访问 sayHello 方法。
总结
在 JavaScript 中，对象属性和原型是对象系统的核心概念。对象属性是对象的数据成员，可以存储各种类型的数据，每个属性都有一个名称和一个值。对象原型是一个对象，包含了一些共享的属性和方法，当一个对象需要访问一个属性或方法时，JavaScript 引擎会先查找对象本身是否有该属性或方法，如果没有，则查找对象的原型是否有该属性或方法，如果还没有，则继续查找原型的原型，直到找到该属性或方法为止。掌握对象属性和原型的概念对于编写高效、可靠的 JavaScript 程序至关重要。