{}和object的区别

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

Paste_Image.png

在javascript中,只有function(javascript中function也是对象)才有prototype属性。定义一个函数,它的prototype默认是一个空对象,即{}。

Paste_Image.png

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

Paste_Image.png

由此可以总结new做了:

  1. 创建实例对象person1
  2. 调用构造函数(Person)初始化person1成员变量(firstname)。
  3. 指定实例对象的原型为Person.prototype对象。即person1.proto指向Person.prototype。
var obj={}  //创建一个空对象实例

Object.create()

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

Paste_Image.png

o2为空对象,但o2.name输出了‘jian,在对象o2上没有找到name属性,怎在原型o上找到了。
由此可以总结new`做了:

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

返回新对象属性:

function formatItem( arr ){
        return arr.map((item)=>{
            let newItem = Object.create(null);
            newItem.name = item.name;
            newItem.value = item.id;
            newItem.constructor=Object;
            return newItem;
        });
    }
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容