理解并区别Object.create()、new Object()和{}

最新推荐文章于 2023-08-10 17:45:16 发布

HzDoctor

最新推荐文章于 2023-08-10 17:45:16 发布

阅读量563

点赞数

分类专栏： js

本文链接：https://blog.csdn.net/qq_37918241/article/details/108387487

版权

本文探讨了JavaScript中创建对象的三种方式：new Object()、字面量{}以及Object.create()。当new Object()不带参数和使用{}时，它们创建的对象都是Object的实例，原型指向Object.prototype。而Object.create()允许指定原型对象，若arg为null，新对象无原型，否则新对象将继承arg指定的对象。

摘要由CSDN通过智能技术生成

多的就不扯了，先来个例子，看看new Object()和{}

  let objB = {};
    //  let objB = new Object();
    objB.name = 'b';
    objB.sayName = function () {
        console.log(`My name is ${this.name} !`);
    }
    console.log(objB)
    console.log(objB.__proto__ === Object.prototype); // true
    objB.sayName();

得到
在这里插入图片描述
当new Object()没有传入值时，和{}是一样的；
那么new操作究竟干了些什么呢

var obj = new Object(); // 创建一个空对象
obj.__proto__ = F.prototype; // obj的__proto__指向构造函数的prototype
var result = F.call(obj); // 把构造函数的this指向obj，并执行构造函数把结果赋值给result
if (typeof(result) === 'object') {
    objB = result; // 构造函数F的执行结果是引用类型，就把这个引用类型的对象返回给objB
} else {
    objB = obj; // 构造函数F的执行结果是值类型，就返回obj这个空对象给objB
}

再