美文网首页
JS原型链

JS原型链

作者: yuan1024 | 来源:发表于2017-07-07 22:46 被阅读13次

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("Li")
p.sayName();

Person: 通过函数声明创建的构造函数。
prototype: 构造函数Person的原型。
-proto: 创建Person的对象原型。
p: 通过构造函数Person创建出来的实例。
constructor: 构造函数,指向函数本身。

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

原型图.png

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

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

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

4、instanceOf有什么作用?内部逻辑是如何实现的?
instanceOf的作用是判断一个对象是否为另一个对象的实例。
内部逻辑:沿着原型链层层递进,比较对象中是否存在构造函数的prototype。

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;
  }
}

相关文章

  • 廖雪峰JS小记

    (function(){})() 原型,原型链 浅谈Js原型的理解JS 原型与原型链终极详解 对象 对象:一种无序...

  • JS的__proto__和prototype

    最近在回顾JS的原型和原型链的知识,熟悉JS的同学都知道JS的继承是靠原型链实现的,那跟原型链相关的属性__pro...

  • Javascript(三)之原型继承理解

    进阶路线 3 原型继承 3.1 优秀文章 最详尽的 JS 原型与原型链终极详解 一 最详尽的 JS 原型与原型链终...

  • 从实现角度分析js原型链

    从实现角度分析js原型链 欢迎来我的博客阅读:《从实现角度分析js原型链》 网上介绍原型链的优质文章已经有很多了,...

  • JS原型链

    1什么是JS原型链? 通过__proto__属性将对象与原型对象进行连接. 1.1 JS原型链的作用? 组成的一个...

  • 关于JS中的原型和原型链

    目录 关于js 对象和原型 原型链 基于原型链的继承 参考资料ECMAScript 6 入门JavaScript原...

  • js_继承及原型链等(四)

    js_继承及原型链等(三) 1. 继承 依赖于原型链来完成的继承 发生在对象与对象之间 原型链,如下: ==原型链...

  • 2022前端高频面试题

    JS相关 1.原型和原型链是什么 原型和原型链都是来源于对象而服务于对象的概念js中引用类型都是对象,对象就是属性...

  • JavaScript原型链

    js原型链 原型链是JS面向对象的基础非常重要 所有对象只有__proto__属性,而函数具有prototype属...

  • web前端面试之js继承与原型链(码动未来)

    web前端面试之js继承与原型链(码动未来) 3.2.1、JavaScript原型,原型链 ? 有什么特点? 每个...

网友评论

      本文标题:JS原型链

      本文链接:https://www.haomeiwen.com/subject/rhorhxtx.html