您好,欢迎访问一九零五行业门户网

JavaScript 的继承_javascript技巧

【废话】
面试时被经理问到其中一个问题让我印象很深刻,因为我想了很久没能答上来。题目是 javascript是怎样实现继承的? 面向对象是在开发过程中一直使用的,因此,继承也是最基础的一部分,自己开始接触js到现在差不多两年多了,这个基础我竟然都没过关,看来我的理论功还要加大力度提升啊!!!我重新查了资料,终于深刻理解下来了。废话就这么多了,coding action...
【正文】
大家都知道,c#中使用的是传统的类继承是很简单,但在js中,可就没这么简单了,因为它使用的是原型(prototype )继承,实现起来相对复杂了一点。
复制代码 代码如下:
//定义 people 对象
var people = function () { };
people.prototype = {
height: 175,
walk: function () {
alert(people are walking...);
}
}
//定义 me 对象
var me = function () { };
//设置 me 的 prototype 属性为 people 对象
me.prototype = new people();
//将创建 me 对象的引用指回给 me
me.prototype.constructor = me;
//修改 height 属性
me.prototype.setheight = function (v) {
me.prototype.height = v;
}
//新增 stop 动作
me.prototype.stop = function () {
alert(i'm stop.);
}
var m = new me();
//结果为 people are 175cm tall.
alert(people are + m.height + cm tall.);
m.setheight(185);
//结果为 i'm 185cm tall.
alert(i'm + m.height + cm tall.);
//结果为 people are walking...
m.walk();
//结果为 i'm stop.
m.stop();
var y = new me();
//结果为 you're 185cm tall.
alert(you're + y.height + cm tall.);
从上面例子可以看出,me对象即继承了people对象,可以访问people原型的属性和动作,又可以有me自己的动作和属性。需特别注意的是,上面例子中实例化了一个y=new me(),但显示它的height属性时,并不是原始是175,而是被m实例修改后的185, 因此,new me() 并不会创建一个新的people实现,而是重复使用它原型上的实例。因此上面例子,所有的me对象都会共享相同的height属性,这一点在继承使用中要特别留意。
其它类似信息

推荐信息