国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

JavaScript 繼承詳解(三)

2024-05-06 14:14:48
字體:
來源:轉載
供稿:網友

注:本章中的jClass的實現參考了Simple JavaScript Inheritance的做法。

首先讓我們來回顧一下第一章中介紹的例子:

 function Person(name) {
this.name = name;
}
Person.prototype = {
getName: function() {
return this.name;
}
}

function Employee(name, employeeID) {
this.name = name;
this.employeeID = employeeID;
}
Employee.prototype = new Person();
Employee.prototype.getEmployeeID = function() {
return this.employeeID;
};
var zhang = new Employee("ZhangSan", "1234");
console.log(zhang.getName()); // "ZhangSan"

 

修正constructor的指向錯誤

 

從上一篇文章中關于constructor的描述,我們知道Employee實例的constructor會有一個指向錯誤,如下所示:

 var zhang = new Employee("ZhangSan", "1234");
console.log(zhang.constructor === Employee); // false
console.log(zhang.constructor === Object); // true
我們需要簡單的修正:
 function Employee(name, employeeID) {
this.name = name;
this.employeeID = employeeID;
}
Employee.prototype = new Person();
Employee.prototype.constructor = Employee;
Employee.prototype.getEmployeeID = function() {
return this.employeeID;
};
var zhang = new Employee("ZhangSan", "1234");
console.log(zhang.constructor === Employee); // true
console.log(zhang.constructor === Object); // false

 

創建Employee類時實例化Person是不合適的

 

但另一方面,我們又必須依賴于這種機制來實現繼承。 解決辦法是不在構造函數中初始化數據,而是提供一個原型方法(比如init)來初始化數據。

 // 空的構造函數
function Person() {
}
Person.prototype = {
init: function(name) {
this.name = name;
},
getName: function() {
return this.name;
}
}
// 空的構造函數
function Employee() {
}
// 創建類的階段不會初始化父類的數據,因為Person是一個空的構造函數
Employee.prototype = new Person();
Employee.prototype.constructor = Employee;
Employee.prototype.init = function(name, employeeID) {
this.name = name;
this.employeeID = employeeID;
};
Employee.prototype.getEmployeeID = function() {
return this.employeeID;
};
這種方式下,必須在實例化一個對象后手工調用init函數,如下:
 var zhang = new Employee();
zhang.init("ZhangSan", "1234");
console.log(zhang.getName()); // "ZhangSan"

 

如何自動調用init函數?

 

必須達到兩個效果,構造類時不要調用init函數和實例化對象時自動調用init函數。看來我們需要在調用空的構造函數時有一個狀態標示。

 // 創建一個全局的狀態標示 - 當前是否處于類的構造階段            
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板: 黄浦区| 平昌县| 收藏| 县级市| 漳浦县| 洛川县| 修水县| 安宁市| 大足县| 桂阳县| 丹寨县| 巢湖市| 长沙县| 玛沁县| 惠安县| 会泽县| 东城区| 梨树县| 海盐县| 龙岩市| 吉安县| 织金县| 兴业县| 雷州市| 三亚市| 韶关市| 句容市| 深州市| 云阳县| 旬阳县| 南康市| 武功县| 读书| 岑溪市| 灌云县| 蓬安县| 昭觉县| 兴业县| 高雄市| 阜平县| 色达县|