侧边栏壁纸
  • 累计撰写 48 篇文章
  • 累计创建 20 个标签
  • 累计收到 11 条评论

JavaScript原型链之原型

uvdream
2021-09-04 / 0 评论 / 0 点赞 / 32 阅读 / 1,151 字
温馨提示:
本文最后更新于 2022-04-08,若内容或图片失效,请留言反馈。部分素材来自网络,若不小心影响到您的利益,请联系我们删除。

☀️ 原型

⚡定义

原型就是一个对象,其它的对象可以通过原型实现属性的继承,除prototype

 var arr = [1, 2, 3], obj = {}
 var fn = function () { }
 console.dir(arr)
 console.dir(obj)
 console.dir(fn)

🐱 图解

🐟原型规则

  • 1.所有的引用类型(数组,对象,函数)都具有对象的也行,即自由扩展属性(除了null外)

  • 2.所有的引用类型都有一个__proto__属性(隐式原型属性),属性值是一个普通的对象

    console.log(arr.__proto__)
    console.log(obj.__proto__)
    console.log(fn.__proto__)
    
  • 3.所有的函数,都有一个 prototype(显式原型)属性,属性值也是一个普通的对象

console.log(fn.prototype)
  • 4.所有的引用类型(数组,对象,函数), _proto_ 属性值(隐式原型属性)指向它的构造函数的prototype属性值

    proto=contructor.prototype(**大多数情况下,proto可以理解为构造器的原型,即proto=construct.prototype**)

 console.log(arr.__proto__ === arr.constructor.prototype)
 console.log(obj.__proto__ === obj.constructor.prototype)
 console.log(fn.__proto__ === fn.constructor.prototype)

🙉原型(proto)指向

🐏1、字面量方式

var a = {};
console.log(a.__proto__);  //Object {}
console.log(a.__proto__ === a.constructor.prototype); //true

🐇2、构造器方式

var A = function(){};
var a = new A();
console.log(a.__proto__); //A {}
console.log(a.__proto__ === a.constructor.prototype); //true
console.log(a.__proto__===A.prototype)//true

🐉3、Object.create()方式

var a1 = {a:1}
var a2 = Object.create(a1);
console.log(a2.__proto__); //Object {a: 1}
console.log(a2.__proto__ === a2.constructor.prototype);//false
console.log(a.__proto__===a1)
0

评论区