亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

JS剖析 —— 原型鏈

  • 原型链

  • 访问一个对象的属性时:

    • 先在自身属性中查找,找到返回

    • 如果没有,再沿着proto这条链向上查找,找到返回

    • 如果最终没找到,返回undefined

  • 别名:隐式原型链

  • 作用:查找对象的属性(方法)

  • 构造函数/原型/实体对象的关系(图解)
    var o1=new Object();
    var o2={};


    5acb3c8700013dc501600160.jpg

    image.png

  • 构造函数/原型/实体对象的关系2(图解)
    function Foo(){}


    5acb3c8700013dc501600160.jpg

    image.png

// console.log(Object)//console.log(Object.prototype)console.log(Object.prototype.__proto__)    //输出null
  function Fn() {    this.test1 = function () {      console.log('test1()')
    }
  }  console.log(Fn.prototype);
  Fn.prototype.test2 = function () {    console.log('test2()')
  }  var fn = new Fn()
  fn.test1()
  fn.test2()  console.log(fn.toString())  console.log(fn.test3)  // fn.test3()

5acb3c8700013dc501600160.jpg

原型链分析.png

 /*
 1. 函数的显示原型指向的对象默认是空Object实例对象(但Object不满足)
  */
 console.log(Fn.prototype instanceof Object) // true
 console.log(Object.prototype instanceof Object) // false
 console.log(Function.prototype instanceof Object) // true
 /*
 2. 所有函数都是Function的实例(包含Function)
 */
 console.log(Function.__proto__===Function.prototype) /*
 3. Object的原型对象是原型链尽头
  */
 console.log(Object.prototype.__proto__) // null


點擊查看更多內容
1人點贊

若覺得本文不錯,就分享一下吧!

評論

作者其他優質文章

正在加載中
Web前端工程師
手記
粉絲
12
獲贊與收藏
34

關注作者,訂閱最新文章

閱讀免費教程

感謝您的支持,我會繼續努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進行掃碼打賞哦
今天注冊有機會得

100積分直接送

付費專欄免費學

大額優惠券免費領

立即參與 放棄機會
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號

舉報

0/150
提交
取消