JS中new和Object.create()

1.使用Object.create()

Object.create()方法是ECMAScript5中新增的，用来规范化原型式继承的。

这个方法接收两个参数，一个是用作新对象原型的对象，和一个为新对象定义额外属性的（可选）对象。

其内部实现原理：

Object.create =  function (o) {
    var F = function () {};
    F.prototype = o;
    return new F();
};

return new F()后F被销毁， Object.create创建对象是创建一个拥有指定原型和若干个指定属性的对象，也就是说可以任意指定原型，甚至是null。所以在上述中像o.prototype添加属性不被继承

function person(){name:'chj'}
person.prototype.age=14；
var obj = Object.create(person);
console.log(obj.name)//chj
console.log(obj.age)//undefined

var person = {name:'chj'}
person.__proto__.age=14；
var obj = Object.create(person);
console.log(obj.name)//chj
console.log(obj.age)//14

2.new方法创建对象

new Object()方法的实质是，使用引用类型Object的构造函数创建了一个新的实例，这个实例拥有Object默认的方法如toString、toLocaleString等。经历了以下四个步骤：

(1) 创建一个新对象；
(2) 将构造函数的作用域赋给新对象（因此 this 就指向了这个新对象）；
(3) 执行构造函数中的代码（为这个新对象添加属性）；

(4) 返回新对象。

当我们执行如下代码时

var obj = new Base();

new操作符做了那些事情

var obj  = {};
obj.__proto__ = Base.prototype;
Base.call(obj);

第一行，我们创建了一个空对象obj
第二行，我们将这个空对象的__proto__成员指向了Base函数对象prototype成员对象

第三行，我们将Base函数对象的this指针替换成obj，然后再调用Base函数，于是我们就给obj对象赋值了一个id成员变量，这个成员变量的值是”base”，关于call函数的用法。

比较	new	Object.create
构造函数	保留原构造函数属性	丢失原构造函数属性
原型链	原构造函数prototype属性	原构造函数/（对象）本身
作用对象	function	function和object

JS中new和Object.create()

猜你喜欢