javascript 高級語法之繼承的基本使用方法示例
本文實例講述了javascript 高級語法之繼承的基本使用方法。分享給大家供大家參考,具體如下:
高級語法的基本使用
<script type="text/javascript">
//聲明一個函數(shù)demo
function Demo()
{
}
//實例函數(shù)demo
var demo = new Demo();
//聲明一個函數(shù)Demo1
function Demo1(name,age)
{
this.name = name;
this.age = age;
}
//實例一個函數(shù)Demo1
var demo1 = new Demo1('譚勇',21);
//運行下面試試
console.log(demo1.name);
console.log(demo1.age);
//Demo2
function Demo2(name,age)
{
var that = this;
this.name = name;
this.age = age;
function a()
{
return that.name;
}
function b()
{
return that.age;
}
this.getName = a;
this.getAge = b;
}
//實例一個函數(shù)Demo1
var demo2 = new Demo2('譚勇',21);
//運行下面試試
console.log(demo2.name);
console.log(demo2.age);
</script>
運行結果:

繼承
<script type="text/javascript">
function Demo(name,age)
{
this.name = name;
this.age = age;
}
function Son()
{
this.text = 'test text';
}
Son.prototype = new Demo('譚勇',22);
var __son = new Son();
//試試
console.log(__son.name);
console.log(__son.age);
console.log(__son.text);
//組合繼承
function Son1()
{
this.text1 = 'my test son1';
}
Son1.prototype.Demo = new Demo('譚勇',22);
Son1.prototype.Son1 = new Son1();
var __son1 = new Son1();
console.log(__son1.Demo.name);
console.log(__son1.Demo.age);
console.log(__son1.Son1.text);
console.log(__son1.text1);
</script>
運行結果:

感興趣的朋友可以使用在線HTML/CSS/JavaScript代碼運行工具:http://tools.jb51.net/code/HtmlJsRun測試上述代碼運行效果。
更多關于JavaScript相關內容感興趣的讀者可查看本站專題:《javascript面向對象入門教程》、《JavaScript錯誤與調試技巧總結》、《JavaScript數(shù)據(jù)結構與算法技巧總結》、《JavaScript遍歷算法與技巧總結》及《JavaScript數(shù)學運算用法總結》
希望本文所述對大家JavaScript程序設計有所幫助。
相關文章
3種js實現(xiàn)string的substring方法
這篇文章主要介紹了3種javascript實現(xiàn)string的substring方法,需要的朋友可以參考下2015-11-11
TypeScript中的類型斷言[as語法|<>語法]的使用
本文主要介紹了TypeScript中的類型斷言[as語法|<>語法]的使用,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2022-06-06
javascript實現(xiàn)循環(huán)廣告條效果
這篇文章主要為大家詳細介紹了javascript實現(xiàn)循環(huán)廣告條效果,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-12-12
javascript 手動給表增加數(shù)據(jù)的小例子
這篇文章介紹了js手動給表增加數(shù)據(jù)的實例代碼,有需要的朋友可以參考一下2013-07-07
var?let?const關鍵字之間的區(qū)別及使用場景示例詳解
這篇文章主要為大家介紹了var?let?const關鍵字之間的區(qū)別及使用場景示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-12-12

