TypeScript基礎(chǔ)class類教程示例
class 類
類是面向?qū)ο?/a>語(yǔ)言的程序設(shè)計(jì)中的概念,是面向?qū)ο缶幊?/a>的基礎(chǔ)。
類是創(chuàng)建對(duì)象的模板,是對(duì)現(xiàn)實(shí)生活中一類具有共同特征的事物的抽象
類的內(nèi)部封裝了屬性和方法,用于操作自身的成員
示例
將每條狗看做一個(gè)對(duì)象,那他的屬性就有 品種、顏色,方法(行為)舔、叫、吃。
class Dog { breed: string; color: string; lick(): void { console.log(` 我仍認(rèn)為我們作為一個(gè)舔狗的真正目的是為了擁有一份真誠(chéng)的愛情, 而不是為了愛情做一個(gè)真誠(chéng)的舔狗。 雖為舔狗,卻有戰(zhàn)狼之志, 舔一人為小愛,舔百人為大愛, 所謂大愛無疆。所以舔并不可恥!`); } eat(): void { console.log(`舔狗不配吃飯!?。); } bark(): void { console.log(`寶 我今天去輸液了 輸?shù)氖裁匆?想你的夜`); } } // 創(chuàng)建實(shí)例 const dog = new Dog(); dog.breed='舔' dog.color='金'; // 調(diào)用實(shí)例的方法 dog.lick()
構(gòu)造函數(shù)
用關(guān)鍵字 constructor 定義,很遺憾不允許存在多個(gè)構(gòu)造函數(shù)實(shí)現(xiàn)
class Dog { breed: string; color: string; // constructor(){ // }; // constructor(breed: string) { // this.breed = breed; // } constructor(breed: string, color: string) { this.breed = breed; this.color = color; } } // 創(chuàng)建實(shí)例 const dog = new Dog('', '');
繼承
子類Dog通過 extends
關(guān)鍵字 繼承父類Animal,創(chuàng)建的dog的實(shí)例,便能夠調(diào)用 run()
方法。
class Animal { run(distance: number) { console.log(`跑了 ${distance}m`) } } class Dog extends Animal { breed: string; color: string; lick(): void { console.log(`我仍認(rèn)為我們作為一個(gè)舔狗的真正目的是為了擁有一份真誠(chéng)的愛情,而不是為了愛情做一個(gè)真誠(chéng)的舔狗,雖為舔狗,卻有戰(zhàn)狼之志,舔一人為小愛,舔百人為大愛,所謂大愛無疆。所以舔并不可恥!`); } eat(): void { console.log(`舔狗不配吃飯?。。); } bark(): void { console.log(`寶 我今天去輸液了 輸?shù)氖裁匆?想你的夜`); } } // 創(chuàng)建實(shí)例 const dog = new Dog(); dog.breed = '舔' dog.color = '金'; // 調(diào)用實(shí)例的方法 dog.run(100);
以上就是TypeScript基礎(chǔ)class類教程示例的詳細(xì)內(nèi)容,更多關(guān)于TypeScript class 類的資料請(qǐng)關(guān)注腳本之家其它相關(guān)文章!
相關(guān)文章
向JavaScript的數(shù)組中添加元素的方法小結(jié)
這篇文章主要介紹了向JavaScript的數(shù)組中添加元素的方法小結(jié),分別舉了一些JS數(shù)組操作的例子,基本需要的朋友可以參考下2015-10-10Javascript基礎(chǔ)教程之?dāng)?shù)據(jù)類型 (布爾型 Boolean)
本文簡(jiǎn)單講解了javascript數(shù)據(jù)類型中的布爾型(boolean),十分的簡(jiǎn)單,小伙伴們看下就明白了2015-01-01javascript與java有什么關(guān)系(區(qū)別與相似)
Java和JavaScript的編程語(yǔ)言,名稱聽起來相似,但卻是兩個(gè)公司開發(fā)的不同的產(chǎn)品。Java是SUN公司推出的新一代面向?qū)ο蟮某绦蛟O(shè)計(jì)語(yǔ)言,特別適合于Internet應(yīng)用程序開發(fā);而JavaScript是Netscape公司的產(chǎn)品,可以嵌入Web頁(yè)面中的基于對(duì)象和事件驅(qū)動(dòng)的解釋性語(yǔ)言。2023-02-025個(gè)最頂級(jí)jQuery圖表類庫(kù)插件【jquery插件庫(kù)】
這篇文章主要介紹了5個(gè)最頂級(jí)jQuery圖表類庫(kù)插件【jquery插件庫(kù)】,需要的朋友可以參考下2016-05-05JavaScript入門教程(5) js Screen屏幕對(duì)象
這是基本JavaScript的屏幕對(duì)象2009-01-01javascript中聲明函數(shù)的方法及調(diào)用函數(shù)的返回值
這篇文章主要介紹了javascript中聲明函數(shù)的方法及調(diào)用函數(shù)時(shí)的返回值,示例如下,不了解的方法可以參考下2014-07-07淺析javascript的間隔調(diào)用和延時(shí)調(diào)用
文章主要通過小實(shí)例談?wù)刯avascript的間隔調(diào)用和延時(shí)調(diào)用,非常的簡(jiǎn)單實(shí)用,有需要的小伙伴可以參考下2014-11-11