饥人谷技术博客

原型链

2016-09-25  本文已影响44人  Nicklzy

有如下代码,解释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;
p.__proto__.constructor === Person
Person.prototype.constructor===Person

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

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

//todo....

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

代码如下
jSBin效果预览

var str = 'ahbbccdeddddfg';
String.prototype.getMostOften = function(){
  var str = this;
  var obj = {};
  var max = 0;
  var word = '';
  for(var i=0;i < str.length;i++){
    if(str[i] in obj){ //注意此处写法 xx in Object
      obj[str[i]]+=1 //注意此处写法obj[]
    }else{
      obj[str[i]] = 1
    }
  }
  
  for(var key in obj){
    if(obj[key]>max){
      max = obj[key]
      word = key
    }
  }
  
  return word
  
}
var ch = str.getMostOften();
console.log(ch)

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

用来查看一个对象是否是某一数据类型;
判断引用类型的prototype和目标对象的__proto__是否相等,如果不等继续获取对象的下层__proto__,直到全部对比完。

function isType(obj,func){
    do{
        if(obj.__proto__=== func.prototype) return true
    }while(obj.__proto__ = obj.__proto__.__proto__){//当为null时候就停止
        return false
    }
}
上一篇 下一篇

猜你喜欢

热点阅读