當前位置:
首頁 >
前端技术
> javascript
>内容正文
javascript
javascript 对象基础 继承机制实例【对象冒充】
生活随笔
收集整理的這篇文章主要介紹了
javascript 对象基础 继承机制实例【对象冒充】
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
面向對象語言 必須支持繼承機制,既一個類能重用另一個類的方法和屬性.
1、繼承方式
- 對象冒充
工作原理:構造函數使用this關鍵字,給所有屬性和方法賦值,因為構造函數值只是一個函數,所以可以使ClassA的構造函數成為ClassB的方法 。然后調用它,ClassB就會收到ClassA的構造函數中定義的屬性和方法。考慮下面例子
function ClassA(sColor){this.color = sColor;
this.sayColor = function(){
alert(this.color)
}
};
function ClassB(sColor){
this.newMethod = ClassA;
this.newMethod(sColor);
delete this.newMethod;
this.newMethod = "miss"; //刪除了不能再調用
}
var b = new ClassB("red");
b.sayColor(); // output "red";
這段代碼中 , 為ClassA 賦予了方法? newMethod .然后調用了新方法. 傳遞給它的是 ClassB構造函數的參數 sColor. 最后一行代碼刪除了對ClassA的引用. 這樣以后就不能再調用它.
所有新的屬性和方法都必須在刪除了新方法(newMethod)的代碼行后定義,否則可能會覆蓋(ClassB)相關的屬性和方法.
function ClassA(sColor){this.color = sColor;
this.sayColor = function(){
alert(this.color)
}
};
function ClassB(sColor,sName){
this.newMethod = ClassA;
this.newMethod(sColor);
delete this.newMethod;
this.name = sName;
this.sayName = function(){
alert(this.name);
}
}
var a = new ClassA("red");
var b = new ClassB("blue","idea");
a.sayColor();
b.sayColor();
b.sayName();
轉載于:https://www.cnblogs.com/noyobo/archive/2012/01/04/2307278.html
總結
以上是生活随笔為你收集整理的javascript 对象基础 继承机制实例【对象冒充】的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Yii的路由机制分析
- 下一篇: [转][探讨]为什么说JavaScrip