技术宅,fat-man

增加语言的了解程度可以避免写出愚蠢的代码

导航

JavaScript的OOP编程1

首先要说的是,javascript其实是可以进行OOP编程的,其次javascript的OOP编程实现方式有多种,我写的这一种只是我测试过,可行的一种

version1

// 父类
function Person(name){this.name = name}
Person.prototype.say =  saymyname;
function saymyname(){alert(this.name)}

// 子类
function Employee(name){Person.call(this, name)}         // 调用父类构造函数
Employee.prototype = new Person();                       // 继承父类
Employee.prototype.cardID = function(){alert("1000")}    // 定义子类自己的方法

// 实例化
p = new Employee("lishujun");
p.say();
p.cardID();

 version2

// 父类
function Person(name){this.name = name}
Person.prototype.say =  saymyname;
function saymyname(){alert(this.name)}

// 子类
function Employee(name){Person.call(this, name)}                     // 调用父类构造函数
Employee.prototype = new Person();                                   // 继承父类
Employee.prototype.cardID = function(){this.say(); alert("1000")}    // 定义子类自己的方法,调用父类方法

// 实例化
p = new Employee("lishujun");
p.say();
p.cardID();

 version3

// 父类
function Person(name){this.name = name}
Person.prototype.say =  saymyname;
function saymyname(){alert(this.name)}

// 子类
function Employee(name){Person.call(this, name)}           // 调用父类构造函数
Employee.prototype = new Person();                         // 继承父类
Employee.prototype.cardID = function(){alert("1000")}      // 定义子类自己的方法
Employee.prototype.say = function(){alert("Employee say")} // 覆盖父类方法,即:多态

// 实例化
p = new Employee("lishujun");
p.say();
p.cardID();

 

posted on 2015-01-20 11:11  codestyle  阅读(234)  评论(0编辑  收藏  举报