发帖
扫码访问
 注册
 登录
首页 ›编程› 软件学院 › 查看内容

JavaScript 继承详解及示例代码

2016-9-6 12:12 1394 0

摘要: 有些知识当时实在看不懂的话，可以先暂且放下，留在以后再看也许就能看懂了。几个月前，抱着《JavaScript 高级程序设计（第三版）》，啃完创建对象，就开始啃起了 继承 ，然而啃完 原型链 就实在是看不下去了，脑子 ...

有些知识当时实在看不懂的话，可以先暂且放下，留在以后再看也许就能看懂了。

几个月前，抱着《JavaScript 高级程序设计（第三版）》，啃完创建对象，就开始啃起了 继承 ，然而啃完 原型链 就实在是看不下去了，脑子越来越乱，然后就把它扔一边了，继续看后面的。现在利用这个暑假搞懂了这个继承，就把笔记整理一下啦。

原型链（Prototype Chaining）

先看一篇文章，文章作者讲的非常不错，并且还配高清套图哦。lol…

链接： [学习笔记] 小角度看JS原型链

从原文中小摘几句

  1. 构造函数通过 prototype 属性访问原型对象
  2. 实例对象通过 [[prototype]] 内部属性访问原型对象，浏览器实现了 proto 属性用于实例对象访问原型对象
  3. 一切对象都是Object的实例，一切函数都是Function的实例
  4. Object 是构造函数，既然是函数，那么就是Function的实例对象；Function是构造函数，但Function.prototype是对象，既然是对象，那么就是Object的实例对象

确定原型与实例的关系

有两种方法来检测原型与实例的关系：

instanceof ：判断该对象是否为另一个对象的实例

instanceof 内部运算机理如下：

?
1
2
3
4
5
6
7
8
9
10
11
functioninstance_of(L, R){//L 表示左表达式，R 表示右表达式
varO = R.prototype;// 取 R 的显示原型
 L = L.__proto__; // 取 L 的隐式原型
while(true) {
if(L ===null)
returnfalse;
if(O === L)// 这里重点：当 O 严格等于 L 时，返回 true
returntrue;
 L = L.__proto__;
 }
}

上面代码摘自： JavaScript instanceof 运算符深入剖析

isPrototypeOf() ：测试一个对象是否存在于另一个对象的原型链上
这两个方法的不同点请参看： JavaScript isPrototypeOf vs instanceof usage

只利用原型链实现继承

缺点：1. 引用类型值的原型属性会被实例共享； 2. 在创建子类型的实例时，不能向超类型的构造函数中传递参数

?
1
2
3
4
5
6
声明：文章版权归原作者所有 部分文章转自互联网 如有侵权请联系 [邮箱地址] 删除

路过
雷人
握手
鲜花
鸡蛋
收藏 分享 邀请
上一篇：Android中SP与DP的区别下一篇：搞定移动端APP/网页设计，你起码要做好这些事情

最新评论

相关分类