javascript【继承实现方式 】
2014-03-19 16:25
281 查看
一.call() 和 apply()用法
这两个方法,之前确实没有使用过,看起来貌似以后会为我省点代码,直接做个demo 吧。1.
function Animail(){ this.name="动物"; this.showName = function(){ alert(this.name); }; } function Cat(){ this.name = "猫咪"; } var animail = new Animail(); var cat = new Cat(); animail.showName.call(cat);打印效果:
2. 具体applay 和 call 作用一样,只是语法不一样
function myFunction(a,b,c){ this.a = a; this.b = b; this.c = c; } var obj = new Object(); alert(obj.a); // undefined myFunction.apply(obj,[2,5,8]); //myFunction.call(obj,2,5,8); alert(obj.a);//2
二. prototype
function Animail(){} Animail.prototype.name = "动物"; Animail.prototype.age = 2; Animail.prototype.type = "001"; function Cat(){ this.name = "猫咪"; this.age = 3; } Cat.prototype = Animail.prototype; var animail = new Animail(); var cat = new Cat(); alert(cat.name); // cat 自己的name:猫咪 alert(cat.age); //cat 自己的age:3 alert(cat.type); //Animail的type:2
相关文章推荐
- 从继承方式的实现看javascript语言的设计初衷
- JavaScript中实现继承的几种方式
- JavaScript是如何实现继承的(六种方式)
- JavaScript是如何实现继承的(六种方式)
- JavaScript的弱类对象及继承实现方式
- javascript继承(七)—用继承的方式实现照片墙功能
- JavaScript实现继承(六种方式)
- JavaScript面向对象-基于原型链和函数伪装组合的方式实现继承
- JavaScript程序中实现继承特性的方式总结
- JavaScript继承的实现方式
- JavaScript程序中实现继承特性的方式总结
- JavaScript中实现继承的几种方式
- JavaScript实现继承的5种方式
- javascript实现继承的几种方式
- javascript实现继承的方式
- javascript实现继承的六种方式
- Javascript继承实现方式
- 详述JavaScript实现继承的几种方式(推荐)
- JavaScript面向对象编程(继承实现方式)
- JavaScript继承实现方式一览