原型链

作者: 饥人谷_徐小坤 | 来源:发表于2016-11-04 17:07 被阅读0次

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是构造函数,也是一个对象,这个对象里面存在一个prototype属性,而构造函数内部定义了实例的属性和方法,这些属性和方法是属于该类的所有实例的特征;
  • p是通过构造函数Person构造出来的实例,也是拥有__proto__属性。所以p.__proto__ === Person.prototype
  • prototype是构造函数内部的原型对象,所以拥有contructor__proto__属性,其中contructor属性指向构造函数Person,__proto__指向该对象的原型,即Person.prototype.__proto__ === Object.prototype
    ,Person.prototype.constructor == Person

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

  • p.toString()方法是继承构造函数Object的原型对象里定义的toString方法,首先p会找自己的toString方法,如果没有找到,会沿着__proto__属性继续到构造函数Person的prototype里找toString方法,如果还未找到,再继续往Person.prototype__proto__Object.prototype找toString方法,最后找到toString()方法。
  • 原型链:由于原型对象本身也是对象,而每个javascript对象都有一个原型对象,每个对象都有一个隐藏的__proto__属性,原型对象也有自己的原型,而它自己的原型对象又可以有自己的原型,这样就组成了一条链,这个就是原型链。在访问对象的属性时,如果在对象本身中没有找到,则会去原型链中查找,如果找到,直接返回值,如果整个链都遍历且没有找到属性,则返回undefined。原型链一般实现为一个链表,这样就可以按照一定的顺序来查找。
    原型图

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

String.prototype.getMostOften = function(){
  var obj = {};
  var arr = [];
  var max = 0;
  var word = "";
  for(var i = 0; i<this.lenght; i++){
    if(this[i] in obj){
      obj[this[i]] += 1;
    }else{
      obj[this[i]] = 1;
    }
  }
  for(key in obj){
    if(obj[key] > max){
      max = obj[key];
      word = key;
      arr = [];
      arr.push(word);
    }
    else if(obj[key] = max){
      arr.push(key);
    }
  }
  if(arr.length > 1){
    for(var j = 1; j < arr.length; j++){
      word += "和"+ arr[j];
    }
  }
  console.log(word +"共出现了" + max + "次。" )
}

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

  • instanceOf:判断一个对象是否为另一个对象的实例
function instanceOf(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/agabuttx.html