转载于:http://www.iteye.com/topic/437567
测试javascript的继承机制,首先,要理解什么叫继承:继承主要是指子类拥有父类开放的属性及方法,其实javascript是不包含继承这种机制的,但是在现在这个面向对象充斥着开发人员的开发的时候,难免javascript也要模拟这样的一种写吧,尽量满足大部份开发人员的开发习惯,下面请看javascript是如何实现这些继承体系的。
1.先定义一个父类Person
- function Person(name, sex) {
- this.name = name;
- this.sex = sex;
- this.move = function() {
- alert("move");
- };
- }
2.对象冒充
可以冒充得到正确结果,其实javascript是这样的,将整个方法替换掉pe,当我们调用this.(name,sex);时相当于在Man里面执行上面的那一段代码,而此时的this已经代表的是Man对象,使Man也具有了name,sex等属性与及move方法。
- function Man(name, sex, address, phone) {
- this.pe = Person;
- this.pe(name, sex);
- delete this.pe;
- this.address = address;
- this.phone = phone;
- }
-
- function Woman(name, sex, birthday) {
- this.pe = Person;
- this.pe(name, sex);
- delete this.pe;
- this.birthday = birthday;
- }
3.call 方法实现继承,call方法里面会将this及Person中的参数传递到调用的方法中,此时的this代表的是Man2对象,当调用到Person的构造方法的时候,调用this.name的时候已经是Man2.name了,这种方法也可以实现继承。
- function Man2(name, sex, address, phone) {
- Person.call(this, name, sex);
- this.address = address;
- this.phone = phone;
- }
4.apply 方法实现继承,其实apply方法和call方法是一样,只不过apply传递过去的参数要用一个数据包装起来而已。
- function Man3(name, sex, address, phone) {
- Person.apply(this, new Array(name, sex));
- this.address = address;
- this.phone = phone;
- }
5.若父类中有通过prototype定义的方法或者属性,上述的三种方法无法实现继承。
原型链的缺点是不支持多继承。
原型prototype链如下:
- function Person2() {
-
- }
-
- Person2.prototype.name = "";
- Person2.prototype.sex = "";
- Person2.prototype.move = function() {
- alert(this.name);
- };
-
- function Man4() {
-
- }
-
- Man4.prototype = new Person2();
5.混合方式,通过混合方式,可以达到最大的重用。
function Person3(name, sex) {
this.name = name;
this.sex = sex;
}
Person3.prototype.login = function() {
alert("prototype constructual");
};
function Man5(name, sex, birthday) {
Person3.call(this, name, sex);
this.birthday = birthday;
}
Man5.prototype = new Person3();
Man5.prototype.say = function() {
alert("say hello!");
};
Man5.prototype.say();
Man5.prototype.login();
分享到:
相关推荐
Javascript继承机制原理 可以参考下
JavaScript继承机制研究.pdf
JavaScript继承机制探讨及其应用.pdf
学完了Javascript类和对象的创建之后,现在总结一下Javascript继承机制的实现。Javascript并不像Java那样对继承机制有严格明确的定义,它的实现方式正如它的变量的使用方式那样也是十分宽松的,你可以设计自己的方法...
本文实例讲述了javascript继承机制。分享给大家供大家参考。具体分析如下: 初学javascript一般很难理解Javascript语言的继承机制它没有”子类”和”父类”的概念,也没有”类”(class)和”实例”(instance)的...
JavaScript继承机制的实现,后期会有一些补充。
浅析javascript原型继承机制,浅析javascript原型继承机制
说明继承机制最简单的方法是,利用一个经典的例子——几何形状。
要用ECMAScript实现继承机制,首先从基类入手。所有开发者定义的类都可作为基类。出于安全原因,本地类和宿主类不能作为基类,这样可以防止公用访问编译过的浏览器级的代码,因为这些代码可以被用于恶意攻击。
主要介绍了阿里巴巴技术文章,分享的是一篇关于Javascript实现继承机制的文章,感兴趣的小伙伴们可以参考一下
Javascript语言对继承实现的并不好,需要工程师自己去实现一套完整的继承机制。下面我们由浅入深的系统掌握使用javascript继承的技巧,对javascript继承相关知识感兴趣的朋友一起看看吧
我一直很难理解Javascript语言的继承机制。 它没有”子类”和”父类”的概念,也没有”类”(class)和”实例”(instance)的区分,全靠一种很奇特的”原型链”(prototype chain)模式,来实现继承。 我花了很...
javascript原型继承机制参考.pdf
javascript原型继承机制借鉴.pdf
javascript原型继承机制归类.pdf