注:本章中的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的描述,我們知道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
但另一方面,我們又必須依賴于這種機制來實現繼承。 解決辦法是不在構造函數中初始化數據,而是提供一個原型方法(比如init)來初始化數據。
// 空的構造函數這種方式下,必須在實例化一個對象后手工調用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;
};
var zhang = new Employee();
zhang.init("ZhangSan", "1234");
console.log(zhang.getName()); // "ZhangSan"
必須達到兩個效果,構造類時不要調用init函數和實例化對象時自動調用init函數。看來我們需要在調用空的構造函數時有一個狀態標示。
// 創建一個全局的狀態標示 - 當前是否處于類的構造階段
新聞熱點
疑難解答
圖片精選