本人对于ECMAScript继承机制有些见解,如果说的不对,敬请赐教~~~~

继承是OO语言(面向对象)挺好的概念,许多OO语言都支持两种继承方式(接口只继承方法签名、实际继承则继承实际的方法),但是ECMAScript由于没有签名,只支持实现继承。

1、原型链继承

就是一个引用类型继承另一个引用类型的属性和方法。简单回顾下构造函数、原型和实例的关系,每一个构造函数都有一个原型对象,原型对象都包含一个指向构造函数的指针,而实例都包含一个指向原型对象的内部指针。如果我们让一个原型对象等于另一个类型的实例,显然,此时的原型对象将要包含另一个原型的指针,相对的,另一个原型中也包含着一个指向另一个构造函数的指针,另一个原型又是另一个类型的实例,如此层层递进,就构成了原型的链条,这就是原型链的概念。

实现原型链有一种基本模式,如下

function Father(){
this.property = true;
}
Father.prototype.getFatherValue = function(){
return this.property;
}
function Son(){
this.property = false;
}
//继承了Father
Son.prototype = new Father();
Son.prototype.getSonValue = function(){
return this.property;
}
var instance = new Son();
alert(instance.getFatherValue()); //true

  先从实例中查找属性和方法,如果找不到,在从实例的原型中查找(原型property   原型链 __proto__);

上面的其实是Son继承了Father,而继承则是通过创建Father的实例,并将该实例赋给Son.prototype实现的,实现的本质就是重写原型对象,代之一个新类型的实例。

上面的代码没有使用Son默认的原型,而是给他换一个新原型,这个新原型就是Father的实例,所以新原型不但具有作为一个Father的实例所有的属性和方法,而且内部还有一个内部指针,指向Father的原型。故instance指向Son的原型,Son的原型有指向Father的原型,但是getFatherValue()方法仍然存在Father.property中,但是property则位于Son.property中,而getFatherValue()是一个原型的方法,Son.property是property的实例,那么property就位于该实例中。注意:intance.constructor现在指向的是Father,这是因为Son.property中的constructor被重写的缘故。

查找的步骤:1、搜索实例,2、搜索Son.property,3、搜索Father.property; (原型链是Object,),如果最后还是没有找到,那就是underfined或是null。

1、默认的原型

所有的函数的默认原型都是Object的实例,因此默认原型都会包含一个内部指针,指向Object.property,这就是所有自定义类型都会继承toString()、valueOf()等默认方法的根本原因。当你调用instance.toString()就是调用Object.toString()。

2、确定原型和实例的关系

第一种方式是 使用 instanceOf操作符 来测试 实例与原型链中出现的构造函数

alert(instance instanceOf Object); //true
alert(instance instanceOf Son); //true
alert(instance instanceOf Father); //true

第二种方式 是使用 isPrototypeOf() 只要是原型链中出现过的原型,都可以说是该原型链所派生的实例的原型

alert(Object.prototype.isPrototypeOf(instance)); //true
alert(Son.prototype.isPrototypeOf(instance)); //true
alert(Father.prototype.isPrototypeOf(instance)); //true

3、谨慎使用定义的方法

function Father(){
this.property = true;
}
Father.prototype.getFatherValue = function(){
return this.property;
}
function Son(){
this.property = false;
}
//继承了Father
Son.prototype = new Father();
//添加新的方法
Son.prototype.getSonValue = function(){
return this.property;
}
//重写超类型的中的方法
Son.prototype.getFatherValue = function(){
return false;
}
var instance = new Son();
alert(instance.getFatherValue()); //false

第一个方法getSonValue()被添加到Son中,第二个方法getFathervalue()是原型链中已经存在的,但是后来重写了这个方法,屏蔽原来的那个方法,换句话讲,就是Son的实例调用getFatherValue()时,调用的就是重新定义的方法,但是用Father的实例仍然会调用原来的那个方法,需要注意的是,必须是用Father的实例替换原型后,再定义这两个方法。

注意:不能使用字面量创建原型方法,因为这样就会重写原型链

function Father(){
this.property = true;
}
Father.prototype.getFatherValue = function(){
return this.property;
}
function Son(){
this.sonproperty = false;
}
//继承了Father
Son.prototype = new Father(); //使用字面量添加新方法,会导致上一行代码无效
Son.prototype.getSonValue = function(){
getSonValue: function(){
return this.sonproperty;
},
someOtherMethod: function(){
return false;
}
}

var instance = new Son();
alert(instance.getFatherValue()); //error

会出现error,就是因为,使用字面量就是把Son和Father之间的关系切断了。

4、原型链的问题

ECMAScript有6种继承方式(实现继承)的更多相关文章

  1. C++ 继承方式 //语法:class 子类 :继承方式 父类 //继承方式 三种: //1.公共继承 //2.保护继承 //3.私有继承

    1 //继承方式 2 //语法:class 子类 :继承方式 父类 3 //继承方式 三种: 4 //1.公共继承 5 //2.保护继承 6 //3.私有继承 7 8 #include <ios ...

  2. c++三种继承方式public,protect,private

    C++中的三种继承public,protected,private 三种访问权限 public:可以被任意实体访问 protected:只允许子类及本类的成员函数访问 private:只允许本类的成员 ...

  3. Java多线程的三种实现方式

    java多线程的三种实现方式 一.继承Thread类 二.实现Runnable接口 三.使用ExecutorService, Callable, Future 无论是通过继承Thread类还是实现Ru ...

  4. Service组件 总结 + 绑定理Service三种实现方式 Messager + Binder + AIDL

    在Android中进程按优先级可以分为五类,优先级从高到低排列: - 前台进程 该进程包含正在与用户进行交互的界面组件,比如一个Activity - 可视进程 该进程中的组件虽然没有和用户交互,但是仍 ...

  5. c++继承详解:共有(public)继承,私有继承(private)继承,保护(protected)继承

    公有继承(public)继承.私有继承(private).保护继承(protected)是常用的三种继承方式. 1.公有继承(public) 公有继承的特点是基类的公有成员和保护成员作为派生类的成员时 ...

  6. java多线程的几种实现方式

    java多线程的几种实现方式 1.继承Thread类,重写run方法2.实现Runnable接口,重写run方法,实现Runnable接口的实现类的实例对象作为Thread构造函数的target3.通 ...

  7. JavaScript几种继承方式的总结

    1.原型链继承 直接将子类型的原型指向父类型的实例,即"子类型.prototype = new 父类型();",实现方法如下: //父类构造函数 function father(n ...

  8. js的三种继承方式及其优缺点

    [转] 第一种,prototype的方式: //父类 function person(){ this.hair = 'black'; this.eye = 'black'; this.skin = ' ...

  9. 重新理解JS的6种继承方式

    写在前面 一直不喜欢JS的OOP,在学习阶段好像也用不到,总觉得JS的OOP不伦不类的,可能是因为先接触了Java,所以对JS的OO部分有些抵触. 偏见归偏见,既然面试官问到了JS的OOP,那么说明这 ...

随机推荐

  1. WordCount-个人项目2

    我的这个WC程序实现了对txt文件中的数据的计数,算出程序中有多少单词.字符数.行数还有空格数.以及长度. 项目源代码参考:http://www.cnblogs.com/sunbuqiao/p/531 ...

  2. window环境下创建Flask项目需要安装常见模块命令

    安装Flask环境 pip install flask==0.10.1 使用命令行操作 pip install flask-script 创建表单 pip install flask-wtf 操作数据 ...

  3. UNIX发展史(BSD,GNU,linux)(转)

    转自 UNIX发展史(BSD,GNU,linux) 这篇文章写的非常好,在这里转一下. 先前的一個理想 UNIX 系统自 1969 年 Ken ThompsonKen Thompson 与 Denni ...

  4. mybatis分页查询

    方式1: select * from table order by id limit m, n; 该语句的意思为,查询m+n条记录,去掉前m条,返回后n条记录.无疑该查询能够实现分页功能,但是如果m的 ...

  5. [置顶] flume高并发优化——(14)解决空行停止收集数据问题,及offsets变小问题

      日志平台运行一段时间,发现日志有部分丢失,通过检查日志,发现有两个问题导致数据丢失,一个是遇到空行后,日志停止收集,还有就是kafka监控offsets时变小,通过分析代码,找到如下方法: 空行问 ...

  6. OpenGL实现相机视频NV21格式转RGB格式

    笔者介绍:姜雪伟,IT公司技术合伙人,IT高级讲师,CSDN社区专家,特邀编辑,畅销书作者,已出版书籍:<手把手教你架构3D游戏引擎>电子工业出版社和<Unity3D实战核心技术详解 ...

  7. [置顶] 普通程序员如何入门AI

    毫无疑问,人工智能是目前整个互联网领域最火的行业,随着AlphaGo战胜世界围棋冠军,以及各种无人驾驶.智能家居项目的布道,人们已经意识到了AI就是下一个风口.当然,程序员是我见过对于新技术最敏感的一 ...

  8. oracle 查询XML操作、操作系统文件

    --1.随机数 select dbms_random.value from dual; select mod(dbms_random.random, 10) from dual; --0-9随机数 s ...

  9. matlab linux的安装(第二次)

    1 挂载 2 下载jdk,matlab里面那个不行,缺点东西 3 安装 ./install *** 4 激活,非在线 5 license.lic路径在百度云中有 6 运行路径在你安装过程中的选的路径, ...

  10. Struts标签库详解,非常好的Struts标签详解

    Struts提供了五个标签库,即:HTML.Bean.Logic.Template和Nested. HTML 标签:         用来创建能够和Struts 框架和其他相应的HTML 标签交互的H ...