简述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 举行强转作用环境。从而完成了实例的建立。

        原文作者:2000exists
        原文地址: https://segmentfault.com/a/1190000016256580
        本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
    点赞