JavaScript对象如何创建和访问？JavaScript对象的原型链是什么？

JavaScript对象的创建和访问其实挺直接，但理解原型链就稍微需要多一点耐心。我们可以一步步来看。

一、如何创建一个JavaScript对象？

创建对象最常见的方式是使用对象字面量，比如：

const person = {
    name: 'Tom',
    age: 25,
    sayHello: function() {
        console.log('Hello, I am ' + this.name);
    }
};

你也可以用构造函数来创建多个类似的对象：

function Person(name, age) {
    this.name = name;
    this.age = age;
}

const tom = new Person('Tom', 25);

还有一种方式是使用 Object.create()，这个方法可以指定新对象的原型，后面我们讲原型链时会更清楚它的用途。

立即学习“Java免费学习笔记（深入）”；

二、怎么访问对象里的属性和方法？

访问对象的属性有两种方式：点符号或方括号。

console.log(person.name); // Tom
console.log(person['age']); // 25

person.sayHello(); // 输出 Hello, I am Tom

如果你不确定属性名是什么，或者它来自变量，那用方括号会更灵活一些。比如：

const key = 'name';
console.log(person[key]); // Tom

三、JavaScript中的原型链到底是什么？

每个JavaScript对象都有一个内部属性 [[Prototype]]，你可以把它理解为“原型”。当你访问一个对象的属性或方法时，如果对象本身没有这个属性，JavaScript就会去它的原型上找，原型的原型上继续找，直到找到 null 为止。这就是所谓的原型链。

举个例子：

function Animal() {}
Animal.prototype.speak = function() {
    console.log('Some sound');
};

function Dog(name) {
    this.name = name;
}

Dog.prototype = Object.create(Animal.prototype);
Dog.prototype.constructor = Dog;

Dog.prototype.speak = function() {
    console.log('Woof!');
};

const myDog = new Dog('Buddy');
myDog.speak(); // Woof!

在这个例子中，myDog 实例本身没有 speak 方法，但它能通过原型链找到 Dog.prototype 上的 speak，从而执行。

四、原型链有什么实际应用？

原型链最大的好处就是实现继承。你可以让多个对象共享一组方法，而不需要在每个实例里重复定义这些方法。这样不仅节省内存，也方便维护。

比如数组的很多方法（如 map、filter）其实是定义在 Array.prototype 上的，所有数组都能访问到它们。

另一个常见的应用是构建类式的结构，像上面那个 Dog 继承 Animal 的例子，在大型项目中经常能看到这种模式。

不过要注意的是，原型链查找是有成本的，层级太多会影响性能，而且修改原型可能影响所有使用该原型的对象，所以要谨慎操作。

基本上就这些内容了。创建对象不难，关键是要理解不同方式之间的区别；原型链听起来有点抽象，但一旦搞清楚查找机制，很多JavaScript行为就变得合理了。

以上就是JavaScript对象如何创建和访问？JavaScript对象的原型链是什么？的详细内容，更多请关注php中文网其它相关文章！