美文网首页
JS原型链

JS原型链

作者: yuan1024 | 来源:发表于2017-07-07 22:46 被阅读13次

    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("Li")
    p.sayName();
    

    Person: 通过函数声明创建的构造函数。
    prototype: 构造函数Person的原型。
    -proto: 创建Person的对象原型。
    p: 通过构造函数Person创建出来的实例。
    constructor: 构造函数,指向函数本身。

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

    原型图.png

    toString()是从原型链的终端Object原型上访问得来的。
    原型链:原型链是实现继承的主要方法。基本思想是利用原型让一个引用类型继承另一个引用类型的属性和fan方法。原理是让创建实例的构造函数本身作为另一个对象的实例,因为每个实例中都有Prototype指向创建函数的原型,当构造函数作为实例时,Prototype指向创建构造函数的原型,层层递进,形成类似链条的原型结构,并且初始实例能够向上访问原型链所有属性和方法,这就是原型链。

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

    String.prototype.getMostOften = function(){
      var str = this,
          obj = {},
          max = 0;
      for(var i = 0; i < str.length; i++){
        var char = str.charAt(i);
        if(obj[char]){
          obj[char]++;
        } else {
          obj[char] = 1;
        }
      }
      for(var key in obj){
        if(max < obj[key]){
          max = obj[key]
        }
      }
      for(var key in obj){
        if(max == obj[key]){
          return key + ', 因为' + key + '出现了' + obj[key] + '次';
        }
      }
    }
    var str = 'ahbbccdeddddfg';
    var ch = str.getMostOften();
    console.log(ch); //d , 因为d 出现了5次
    

    4、instanceOf有什么作用?内部逻辑是如何实现的?
    instanceOf的作用是判断一个对象是否为另一个对象的实例。
    内部逻辑:沿着原型链层层递进,比较对象中是否存在构造函数的prototype。

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

    相关文章

      网友评论

          本文标题:JS原型链

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