JavaScript中类的定义、继承

bijinghua

bijinghua

2016-02-19 14:39

下面,图老师小编带您去了解一下JavaScript中类的定义、继承,生活就是不断的发现新事物,get新技能~

一.类的定义:

1.混合的构造函数/原型:

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

 程序代码
function Parent(name) {
    //实例属性
    this.name = name;
}

//实例方法
Parent.prototype.hello = function () {
    alert("parent!");
}

//类属性
Parent.PI = 3.14159;

//类方法
Parent.say = function () {
    alert("say");
}

2.动态原型:

 程序代码
function Parent(name) {
    //实例属性
    this.name = name;

    if (typeof Parent._initialized == "undefined") {
        //实例方法
        Parent.prototype.hello = function () {
            alert("parent!");
        };
      
        //类属性http://qqface.knowsky.com/
        Parent.PI = 3.14159;

        //类方法
        Parent.say = function () {
            alert("say");
        }

        Parent._initialized = true;
    }
}


其中方法1更常用。

2.类的继承:

 程序代码
function Child(name, age) {
    Parent.call(this, name);
    this.age = age;
}

Child.prototype = new Parent();
//Child.prototype = Parent.prototype;

Child.prototype.hello = function () {
    alert("child!");
}

for (var classMember in Parent) {
    Child[classMember] = Parent[classMember];
}

注意:

1.不能用Child.prototype = Parent.prototype,否则会导致:修改Child的方法同时也修改Parent的方法。

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

2.使用Child.prototype = Parent.prototype也可以使Child的实例child instanceof Parent为true。

3.其中类方法、类属性的继承实现的比较牵强,期待更好的方法。

展开更多 50%)
分享

猜你喜欢

JavaScript中类的定义、继承

Web开发
JavaScript中类的定义、继承

JS学习笔记:Javascript类的继承

Web开发
JS学习笔记:Javascript类的继承

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

javascript 中对象的继承〔转贴〕

Web开发
javascript 中对象的继承〔转贴〕

javascript定义类和实例化类

Web开发
javascript定义类和实例化类

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

利用javascript中的call实现继承

Web开发
利用javascript中的call实现继承

获取JavaScript用户自定义类的类名称的代码

Web开发
获取JavaScript用户自定义类的类名称的代码

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

如何从双系统中卸载Windows 8?

如何从双系统中卸载Windows 8?

JavaScript实例教程(七)JavaScript中处理事件之onChange改变事

JavaScript实例教程(七)JavaScript中处理事件之onChange改变事
下拉加载更多内容 ↓