原型链

作者: candy252324 | 来源:发表于2017-02-20 17:09 被阅读0次

1.有如下代码,解释Personprototype__proto__pconstructor之间的关联。

function Person(name){
     this.name = name;
}
Person.prototype.sayName = function(){
     console.log('My name is :' + this.name);
}
var p = new Person("若愚");
p.sayName();

先清楚以下三点:

  • 1.每个函数都有一个prototype属性,这个属性是一个指针,指向一个对象,也就是该函数的原型对象;
  • 2.原型对象和实例中都有一个constructor属性,均指向了构造函数本身;
    Person.prototype.constructor==Person //true
    p.constructor==Person //true
  • 3.实例中有一个__proto__属性,该属性指向了原型对象;
    p.__proto__==Person.prototype //true

所以,在这个例子中,prototypePerson的一个属性,该属性指向了Person的原型对象,也即Person.prototypePerson的原型对象,constructor是该原型对象的一个属性,指向Person; pPerson的一个实例,该实例拥有__proto__属性,该属性指向Person.prototype

2.上例中,对对象 p可以这样调用 p.toString()。toString是哪里来的? 画出原型图?并解释什么是原型链。


当访问p.toString时,先在对象p的基本属性中查找,发现没有,然后通过__proto__Person.prototype中查找,还是没有,再通过__proto__Object.prototype中查找,最终找到了toString()方法。
当访问一个对象的属性或方法时,先在基本属性中查找,如果没有,再沿着__proto__这条链向上找,这就是原型链

3.对String做扩展,实现如下方式获取字符串中频率最高的字符

 String.prototype.getMoreOften=function(){
     var str=this,
         count=0,
         letter="";
      while(str.length>0){
         for(var i=0; i<str.length; i++){
            re=new RegExp(str.split("")[0],"g");
            if(count<str.match(re).length){
                count=str.match(re,"").length;
                letter=str.split("")[0];
            }
            str=str.replace(re,"");
          }
       }
   return letter;
}

4.instanceof有什么作用?内部逻辑是如何实现的?

instanceof 的作用是判断一个对象是不是一个函数的实例。实现方式是通过判断某个实例对象的内部指针__proto__是否与所测试对象(函数)的prototype属性相等来实现

function instanceof(obj,Func){
            var __proto__ = obj.__proto__;
            do{
                if(__proto__ === Func.prototype) return true;
                if(!__proto__) return false;
            }while(__proto__ = __proto__.__proto__)
             return false;
        }

相关文章

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

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

  • 原型、原型链

    (什么是原型、原型链?有什么作用) JavaScirpt深入之从原型到原型链 图解 Javascript 原型链 ...

  • 原型链&查找规则&作用域链

    原型链(隐式原型链) 属性的查找规则(原型链的查找规则) 作用域链

  • 关于原型原型链的理解

    什么是原型? 什么是原型链? 为什么需要原型,和原型链?

  • 原型链实现继承

    原型链 原型链示意图 使用原型链实现继承 这是怎么回事呢? 原型链在哪? 听我细细道来~ 首先 Teacher 实...

  • 继承

    原型链直接继承 原型链直接继承prototype 原型链继承_prototype属性 继承_构造函数绑定

  • js中的实现继承的几种方式

    大纲:原型链借用构造函数组合继承原型式继承寄生式继承寄生组合式继承 1、原型链: 什么是原型链? 原型链的基本思想...

  • 【原型和原型链】什么是原型和原型链

    【原型和原型链】什么是原型和原型链https://blog.csdn.net/xiaoermingn/articl...

  • js原型链

    目录 1.对象的原型和原型链1.1什么是原型1.2查看原型1.3对象的原型链 2.使用构造函数2.1 函数的原型链...

  • 廖雪峰JS小记

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

网友评论

      本文标题:原型链

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