简述ES5之object.create()和new() 的区别 都做了哪些事

• 先说一下object.create()

es5中新增的object操作方法object.create() 接受两个参数:
Object.create(obj,propertiesObject);

obj : 一个对象，是新创建的对象的原型。 即:创建一个空对象，空对象的原型是参数obj.

propertiesObject：可选。该参数对象是一组属性与值，该对象的属性名称将是新创建的对象的属性名称，值是属性描述符（这些属性描述符的结构与Object.defineProperties()的第二个参数一样）。注意：该参数对象不能是undefined，另外只有该对象中自身拥有的可枚举的属性才有效，也就是说该对象的原型链上属性是无效的。 即:
propertiesObject = {
like:{ value:"fish", // 初始化赋值
writable:true, // 是否是可改写的
configurable:true, // 是否能够删除，是否能够被修改
enumerable:true //是否可以用for in 进行枚举 } ..... }

    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的name属性==> {}   但是在原型链上面可以访问到 name属性
    所以object.create()创建一个空对象 然后空对象的原型是参数obj
   

  

• 再来说说new() :

1. 创建空对象；
2. 设置新对象的constructor属性为构造函数的名称，设置新对象的__proto__属性指向构造函数的prototype对象；
3. 使用新对象调用函数，函数中的this被指向新实例对象：

　　ClassA.call(obj);　　//{}.构造函数();

1. 将初始化完毕的新对象地址，保存到等号左边的变量中

一个包含两个方法的例子

    
    var test1 = {x:1};
    
    var test2 = new Object(test1);
    
    var test3 = Object.create(test1);
    console.log(test3);//{} 
    //test3等价于test5
    var test4 = function(){
    　　
    }
    test4.prototype = test1;
    var test5 = new test4();
    console.log(test5);
    console.log(test5.__proto__ === test3.__proto__);//true
    console.log(test2);//{x:1}
    
    
    

看完上面的例子应该可以区分两个方法的区别了

• 总结

使用Object.create()是将对象继承到__proto__属性上

var o1 = new Object();
o1.[[Prototype]] = Base.prototype;
Base.call(o1);
new做法是新建一个对象，并且让对象的__proto__指向了Base.prototype对象。并且使用call 进行强转作用环境。从而实现了实例的创建。