JavaScript创建对象_动力节点Java学院整理

JavaScript中的对象创建与原型链

在JavaScript中，每个创建的对象都拥有一个特殊的属性——原型，指向其原型对象。当我们试图访问一个对象的属性时，JavaScript引擎首先在当前对象上查找该属性。如果找不到，它就会转向该对象的原型对象上寻找。如果原型对象也没有这个属性，那么就会继续在其原型链上查找，直到查到Object.prototype为止。如果仍然找不到，就只能返回undefined。

例如，当我们创建一个Array对象：

```javascript

var arr = [1, 2, 3];

```

它的原型链如下：

```css

arr → Array.prototype → Object.prototype → null

```

Array.prototype定义了诸如indexOf()、shift()等方法，因此你可以在所有的Array对象上直接调用这些方法。

除了直接使用{}创建对象外，JavaScript还提供了构造函数的方式来创建对象。例如：

```javascript

function Student(name) {

this.name = name;

this.hello = function() {

alert('Hello, ' + this.name + '!');

}

}

```

如果不使用new关键字，这就是一个普通函数。但当我们使用new来调用这个函数时，它会变成一个构造函数，绑定的this会指向新创建的对象，并默认返回这个对象。不需要再写return this。

新创建的对象xiaoming的原型链如下：

```css

xiaoming → Student.prototype → Object.prototype → null

```

这意味着，xiaoming的原型指向了函数Student的原型。如果你创建了其他的对象如xiaohong、xiaojun，它们的原型与xiaoming是一样的。

通过new关键字创建的对象还会从原型上获得一个constructor属性，它指向构造函数本身。这就是JavaScript中对象的创建与原型链的基本原理。希望这篇文章能让你对JavaScript的对象创建与原型链有更深入的理解。在JavaScript中，当我们谈及对象的创建与属性的继承时，"Student"这个函数恰恰担当了一个特殊的角色。它不仅作为一个构造器，创建出一个个鲜活的个体如xiaoming和xiaohong，更有一个特别的属性——prototype，指向了一个共享的原型对象。这个原型对象，可以说是所有由"Student"衍生出的实例对象（如xiaoming和xiaohong）的“祖宗”。这些实例对象自身并没有prototype属性，但我们可以借助非标准的__proto__来查看。

现在，让我们深入了解一个有趣的现象。尽管xiaoming和xiaohong的name属性各不相同，但他们的hello方法却都是指向同一个函数。这是因为我们将hello方法放置在他们的共同祖先——也就是Student的prototype上。这样一来，所有的Student实例（如xiaoming和xiaohong）在调用hello方法时，实际上都是在调用同一个函数。这种设计不仅使代码更加简洁，还大大节省了内存。

当我们定义Student构造函数时，可以选择是否使用new关键字。如果不使用new，在strict模式下，由于this没有被正确绑定，会报错。在非strict模式下，虽然不会报错，但会无意间创建全局变量，导致潜在的问题。强烈建议在调用构造函数时不要忘记使用new。

为了解决这个问题，我们可以采用一种常用的编程模式，即创建一个辅助函数（如createStudent），在这个函数内部使用new来调用构造函数。这样做有几个好处：我们不再需要显式地使用new；我们的函数参数更加灵活，可以只传递需要设置的属性，其余属性使用默认值；由于参数是一个Object，我们无需记住参数的顺序。

现在让我们实践一下，定义一个Cat的构造函数，让所有的Cat对象都有一个name属性，并共享一个say方法。这个方法会返回一个字符串"Hello, x!"。下面是实现的代码：

```javascript

function Cat(props) {

this.name = props.name || 'Cat'; // 默认名称为'Cat'

}

Cat.prototype.say = function() {

return 'Hello, ' + this.name + '!';

};

```

通过上面的代码，我们可以创建出一个个Cat对象，这些对象都会继承say方法，并且可以根据自身的name属性来返回不同的问候语。这就是原型继承在JavaScript中的魅力所在。

本文详细阐述了JavaScript中的原型继承机制，通过具体的例子和练习，让读者深入理解如何创建对象、如何设置对象的属性和方法、以及如何共享方法。希望本文的内容能对大家的学习有所帮助，也希望大家能多多支持狼蚁SEO。欢迎大家一起更多的编程技巧和知识。

（完）

注：本文中的cambrian.render('body')似乎是一句与上下文无关的代码，可能是特定的环境或框架下的代码。在一般的JavaScript编程中并不常见。