JS——原型链

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();

• Person：是通过函数声明创建的构造函数；
• Person.prototype：是Person函数的原型；
• __proto__：是创建Person的对象原型，在JS中是内部属性[[Prototype]]，在浏览器端通过__proto__可以访问。
• constructor：构造函数，指向函数本身。

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

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

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

    <script>
      String.prototype.getMostOften = function() {
        var str = this;
        var obj = {};
        var max = 0;
        for(var i = 0, len = str.length; i < len; i++) {
          var char = str.charAt(i);
          if(!obj[char]) {            //如果不存在属性char，就给添加上次数1
            obj[char] = 1;
          } else {
            obj[char]++;              //如果存在属性char，出现次数加1
          }
        }
        console.log(obj);

        for(var key in obj) {
          if(max < obj[key]) {        //遍历属性，找出最大值赋值给max
            max = obj[key];
          }
        }
        for(var key in obj) {
          if(obj[key] == max) {       //返回出现最多字符的结果
            return '最多字符是: ' + key + ',' + '出现次数是: ' + max;
          }
        }
      }

      var str = 'ahbbccdeddddfg';
      var ch = str.getMostOften();
      console.log(ch); //d , 因为d 出现了5次
    </script>

String扩展

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

• instanceof：instanceof运算符用来测试一个对象在其原型链中是否存在一个构造函数的prototype属性。
• eg：

      function Person(name) {
        this.name = name;
      }

      var p1 = new Person('kevin');

      console.log(p1 instanceof Person);   // 原型链中存在Person的prototype
      console.log(p1 instanceof Object);    // 原型链中存在Object的prototype

instanceof

• 内部逻辑：沿着原型链层层递进，比较对象中是否存在构造函数的prototype：

    <script>
       function isObjInstanceofFunc(obj, func) {
         var __proto__ = obj.__proto__;     // 获取创建对象的原型
         do{
           if(__proto__ === func.prototype) {  // 判断原型是否等于构造函数的原型
             return true;
           }
         } while(__proto__ = __proto__.__proto__);  // 沿着原型链依次查找
         return false;                          // 由于while条件是赋值语句，一直为true，需要跳出循环
       }
    </script>

---

本文归饥人谷和本人所有，如需转载请注明来源