原型链-Assignment

问答

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是构造函数,相当于java里面的“类”的概念,
构造函数内部定义实例的属性和方法,
这些属性和方法是属于该类的所有实例的特征;

p是由构造函数Person构造出来的实例;

prototype是构造函数内部的原型对象,
该对象内部的属性和方法能够被实例所继承,
并且通常放置所有实例共享的属性和方法;

constructor是定义在构造函数原型对象prototype上的属性,
该属性被赋值该构造函数的函数名;

__proto__为实例对象的属性,其指向构造函数的原型对象prototype;



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

1.实例p的toString()方法是继承自构造函数Object的原型对象里定义的toString方法;
首先实例p会寻找自己的toString方法,
如果没有找到则会继续去构造函数Person的prototype找toSting方法,
如果还是没有找到,就继续往构造函数Person.__proto__的prototype,即Object.prototype找toString方法,最终找到toString方法,
因此可以说实例p继承了来自构造构造函数Object.prototype的toString方法

2.而所谓的原型链就是:
实例的``__proto__``属性指向其构造函数的prototype,
而构造函数的``__proto__``属性又指向其构造函数的prototype,
由此形成一条层层继承的关系链;

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

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

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

  • instanceof 运算符与 typeof 运算符相似,用于识别正在处理的对象的类型。与 typeof 方法不同的是,instanceof 方法要求开发者明确地确认对象为某特定类型;
    例如:
 function Foo(){} 
 var foo = new Foo(); 
 console.log(foo instanceof Foo)//true
  • 内部逻辑是查看该对象的__proto__属性所指向的原型中的constructor
    是否指向该构造函数,如果是则返回true,如果不是,则查看原型的__proto__所指向的原型中的constructor是否指向该构造函数,如果是则返回true,如果不是则继续。依次递进,直到达到原生对象Object的原型,如果依然不符合,则返回false;
function instance_of(L, R) {//L 表示左表达式,R 表示右表达式
  var O = R.prototype;// 取 R 的显示原型
  L = L.__proto__;// 取 L 的隐式原型
  while (true) { 
    if (L === null) 
      return false; 
    if (O === L)// 这里重点:当 O 严格等于 L 时,返回 true 
      return true; 
    L = L.__proto__; 
  } 
 }

推荐阅读更多精彩内容