原型链

作者: GarenWang | 来源:发表于2016-12-18 22:04 被阅读0次

问答

1.有如下代码,解释Person、 prototype、proto、p、constructor之间的关联。

    function Person(name){
        this.name = name;
    }
    Person.prototype.sayName = function(){
        console.log('My name is :' + this.name);
    }
    var p = new Person("若愚")
    p.sayName();
  • p是构造函数Person 生产的一个对象,并且传递了参数为‘若愚’
  • p.proto=Person.prototype
  • Person.prototype.constructor 指针属性指向Person函数本身
  • 当调用p.sayName方法时,先从p1对象自身找,如果没找到,就继续向上找——Person.prototype,在原型对象里找到了sayName方法,此时this指向调用它的对象p1,打印出结果'My name is : 若愚'如果还是没找到,则会继续向上找,直到Object对象的原型为止。

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

![]TAZ$YKL32JRC$%~2UBOL.png](https://img.haomeiwen.com/i3361706/3704573ebd44f24c.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

  • 原型链:因为每个对象和原型都有原型,对象的原型指向原型对象,而父的原型又指向父的父,这种原型层层连接起来的就构成了原型链。
  • 从原型图上可以清晰的看出,p1.toString方法是在原型链上一步一步往上寻找,最终在原型链的终端Object.prototype里找到了toString方法

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

    var str='ahbbccdeddddfg';
    String.prototype.getMostOften=function(){

        var obj={};
        for(var i=0;i<str.length;i++){
            var char=str.charAt(i);
            if(obj[char]){
                obj[char]++;
                console.log(obj[char])
            }else{
                obj[char]=1;
            }
        }
        console.log(obj);
        var max=0;
        for(var key in obj){
            if(max<obj[key])
            max=obj[key]
        }
        for(var key in obj){
            if(obj[key]==max){
                console.log('出现最多的字符是'+key)
                console.log('出现的次数'+max)
            }
        }

}
    var ch = str.getMostOften();
    console.log(ch); //d , 因为d 出现了5次

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

  • instanceOf用来判断一个对象是否是另一个对象的实例

    function isInstanceOf(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/fejzmttx.html