iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 1
0
自我挑戰組

霍普菜鳥的資訊工作雜記系列 第 16

D16-Typescript小練習

  • 分享至 

  • xImage
  •  

TypeScript


https://github.com/kkbruce/TypeScript/blob/master/doc/zh-tw/Handbook.md#1

Basic Type

Boolean var isDone:boolean=false;
Number var height:number:6;
String var name:string="bob";
name='smith';
template string

var name:string=`Gene`;
		var age:number=37;
		var sentense:string=`Hello, my name is ${ name }.
		I'll be ${age+1} years old next month.`

Array var list:number[]=[1,2,3];
var list:Array=[1,2,3];

enum enum Color {Red, Green, Blue};
var c:Color=Color.Green;

Any

有時,我們可能會想要給在撰寫程式碼時並不清楚的變數指定其型別。這些值可能來自於動態的內容,比如來自使用者或協力廠商函式庫。

var notStory:any=4;
var list:any=[1,true,"free"];
		

Void

    function warnUser():void{
       alert("Hello Warner.");
    }

interface TypeScript的核心原則之一是對值所具有的形體進行型別檢查。它有時被稱做“鴨子型別”(duck typing)或“結構化子型別”(structural subtyping)。在TypeScript裡,介面的作用就是為這些型別命名和為你的程式碼或協力廠商程式碼定義契約。

function pringLabel(labelledObj:{label:String}){
	console.log(labledObj.label);
}
var myObj={size:10,label:"Size 10 Object"};
printLabel(myObj);

interface LabelledValue {
  label: string;
}

function printLabel(labelledObj: LabelledValue) {
  console.log(labelledObj.label);
}

var myObj = {size: 10, label: "Size 10 Object"};
printLabel(myObj);

上一篇
D15-SSL憑證申請 for https(每三個月必須重新申請憑證)
下一篇
D17-利用socket硬體comport通訊
系列文
霍普菜鳥的資訊工作雜記31
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言