原型与原型链

最新推荐文章于 2024-11-05 22:07:06 发布

半点寒12W

最新推荐文章于 2024-11-05 22:07:06 发布

阅读量84

点赞数

分类专栏： javascript 文章标签： javascript 前端

本文链接：https://blog.csdn.net/bdh123b/article/details/121796847

版权

javascript 专栏收录该内容

28 篇文章 0 订阅

订阅专栏

本文深入探讨了JavaScript中的原型对象和原型链概念。通过示例解释了__proto__属性，展示了如何使用Object.create()创建对象并设置原型。同时，文章通过User构造函数和实例user阐述了构造函数、原型和对象之间的关系，并描绘了原型链的工作原理。

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

原型

每一个对象都有一个原型对象，原型可以理解为对象的父亲，对象从原型继承它的方法和属性。对象有一个__proto__属性指向它的原型。

var obj = {};
var arr = [];
console.dir(obj.__proto__);
console.dir(arr.__proto__);
输出：Object
		 Array(0)

可以看到obj的原型时Object,arr的原型是Array。

Object.create

使用Object.create()创建对象可以使用现用的对象做为新对象的原型。

var obj1 = {name: "js"};
var obj2 = Object.create(obj1);
console.log(obj2.__proto__);
输出：{name: "js"}

构造函数，原型，对象之间的关系

直接上图：
在这里插入图片描述代码验证：

function User(){
    this.name = "js";
    this.age = 18;
    this.fun = function (){
          console.log(this.name,this.age);
    }
}
var user = new User();
console.log(User.prototype === user.__proto__);
console.log(User.prototype.constructor === User);
输出：true true