javascript中Object.create与new的不同

new

new

配合构造函数使用，创建一个新对象。

//定义class
var Person = function (firstName) {
this.firstName = firstName;
};
//定义method
Person.prototype.sayHello = function() {
console.log("Hello, I'm " + this.firstName);
};
//实例对象
var person1 = new Person("Alice");
//对象调用method
person1.sayHello(); // logs "Hello, I'm Alice"

这里有个疑问，为啥

sayHello

方法定义在

Person.prototype

上，而prototype又是什么东西？

prototype是javascript OOP的magic。javascript的面向对象，继承等实现都是围绕着prototype属性转的。

在javascript中，只有

function

（javascript中function也是对象）才有prototype属性。定义一个函数，它的prototype默认是一个空对象，即

{}

。

var test = function () {return 'haha';};
console.log(test.prototype); // {}

函数有了prototype属性，由函数创建的对象才有原型的概念。person1由Person函数构建出来的，所以person1的原型就是Person.prototype。javascript使用

__proto__

指向对象的原型。

console.log(Person.prototype) // { sayHello: [Function] }
console.log(person1.__proto__) // { sayHello: [Function] }

由此可以总结

new

做了：

1. 创建实例对象person1

2. 调用构造函数(Person)初始化person1成员变量（firstname)。

3. 指定实例对象的原型为Person.prototype对象。即

person1.__proto__

指向Person.prototype。

Object.create()

Object.create(o)的作用是创建一个空对象，空对象的原型是参数o：

var o = Object.create(null);
console.log(o); // {}
o.name = 'jian';
var o2 = Object.create(o);
console.log(o2); // {}
console.log(o2.name); // 'jian',

o2为空对象，但

o2.name

输出了‘jian‘，在对象o2上没有找到

name

属性，但在原型o上找到了。

由此可以总结

Object.create()

做了：

1. 创建空对象{}

2. 指定空对象{}的原型为Object.create()的参数。