原型链

作者: 小周师傅 | 来源:发表于2017-01-24 19:12 被阅读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();
  • Person:通过函数声明创建的构造函数
  • p:通过构造函数Person构造出来的实例
  • prototype是构造函数内部的原型对象,拥有contructor__proto__属性,其中contructor属性指向构造函数Person__proto__指向该对象的原型

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

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

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

//todo....

var str = 'ahbbccdeddddfg';
var ch = str.getMostOften();
console.log(ch); //d , 因为d 出现了5次
<script type="text/javascript">
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]){
            obj[char] = 1;
        }else{
            obj[char]++;
        }
    }
     console.log(obj);
 
     for (var key in obj) {
        if(max<obj[key]){
        max = obj[key];
        }
     }
     for(var key in obj){
        if(obj[key] == max){
            return '最多的是: '+ key +','+'次数是: ' + max;
        }
     }
}
var str = 'zhouyiyuanxinglian';
var ch = str.getMostOften();
console.log(ch); 

   
</script>

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

  • 作用:判断一个对象是否为另一个对象的实例
  • 内部逻辑实现:
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;
   }

相关文章

  • 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/elgvvttx.html