美文网首页
一步一步理解原型和原型链(2)

一步一步理解原型和原型链(2)

作者: 郑宋君 | 来源:发表于2018-11-29 12:50 被阅读0次

上面一篇文章我们介绍到了原型,就有一个疑问了,如果我们在构造函数内部封装方法的时候没有给函数内部封装同时也封装了一个wish()函数,输出的是什么呢
回顾一下代码

function person(name,age){
  this.name = name
  this.age = age
  this.wish = fucntion(){
console.log('好好学习,天天向上')
  }
  this.say = function(){
    console.log('hello my name is '+ this.name)
  }
}
person.prototype.wish = functionm(){
  console.log('世界和平')
}

var objXiaoMing = new person('xiaoming',20)

这个时候我们输出一下

objXiaoMing.wish()    //'好好学习,天天向上'

这就涉及到原型链的知识,首先对象寻找一个方法的时候,他会去在自己内部寻找,如果没有,那么他会去自己的__proto__这个属性里面去寻找,依然没有找到,它会继续向上寻找,直到找到这个方法为止!这一个寻找路线,我们就可以理解是原型链
问题:往上找,哪里是上?
想要理解这个问题,首先我们需要理解一下三个概念

  1. 当 new 一个函数的时候会创建一个对象,『函数.prototype』 等于 被创建对象.__proto__
  2. 一切函数都是由 Function 这个函数创建的,所以『Function.prototype === 被创建的函数.proto
  3. 一切函数的原型对象都是由 Object 这个函数创建的,所以『Object.prototype === 一切函数.prototype.proto

相关文章

  • 一步一步理解原型和原型链(2)

    上面一篇文章我们介绍到了原型,就有一个疑问了,如果我们在构造函数内部封装方法的时候没有给函数内部封装同时也封装了一...

  • 【JS原型&原型链】一张图说清楚

    JavaScript原型&原型链 原型链图 如果你看到这张图一脸懵,不要怕,往下看,下面会一步一步教你认识原型&原...

  • JavaScript 原型、原型链与原型继承

    原型,原型链与原型继承 用自己的方式理解原型,原型链和原型继承 javascript——原型与原型链 JavaSc...

  • JavaScript之图解原型链

    根据自己手绘的简图更进一步理解JavaScript的原型链机制 原型与隐式原型 概念 原型:所有的 函数 都有一个...

  • 一步一步理解原型和原型链(1)

    说道原型和原型链,首先我们需要了解一下对象这个概念首先我们用一个简单常见的方式来创建一个对象 这种方式很常见也是经...

  • JS 继承详解

    原型链继承 原型链继承实现的本质: 是改变 构造函数的.prototype的指向原型链继承容易被遗忘的重要一步: ...

  • JavaScript的继承以及原型链相关内容

    1. 继承,原型,原型链理解以及它们之间的关系 2. 使用不同的方法来创建对象和生成原型链

  • 2018-01-09 关于javascript原型链的思考 pl

    s 深入理解原型和原型链? 构造函数 理解原型和原型链 new的时候js都干了什么? 一个实现继承的demo 构造...

  • 原型和原型链

    今天发现一张特别好的图(↑↑↑上图↑↑↑),对原型和原型链的理解特别直观友好。 原型和原型链 基础储备:每个 JS...

  • 廖雪峰JS小记

    (function(){})() 原型,原型链 浅谈Js原型的理解JS 原型与原型链终极详解 对象 对象:一种无序...

网友评论

      本文标题:一步一步理解原型和原型链(2)

      本文链接:https://www.haomeiwen.com/subject/gngxcqtx.html