1. 程式人生 > 實用技巧 >ts基礎用法

ts基礎用法

"use strict";
// let const 在 vscode 中寫 ts 報錯:無法重新宣告塊範圍變數時候刪除原來的js檔案重新編譯即可
// 宣告字串 
var msg:string = "Hello World" 
console.log(msg, 'message')

// 宣告boolean型別
var isOk: boolean = false;   
console.log(isOk,'isOk')

// 宣告數字 二 八 十 十六進位制都可以
var age: number = 27; 
console.log(age,'age')

// 宣告陣列  第一種,可以在元素型別後面接上[],表示由此型別元素組成的一個數組
var list: number[] = [1, 2, 3]; console.log(list,'list') // 宣告陣列 第二種方式是使用陣列泛型,Array<元素型別> var list2: Array<number> = [1, 2, 3]; console.log(list,'list') // 宣告元組Tuple 元組型別允許表示一個已知元素數量和型別的陣列,各元素的型別不必相同(一一對應) var list3: [string, number]; list3 = ['ts good', 1]; // OK console.log(list3, 'list3')
//宣告列舉 enum型別是對JavaScript標準資料型別的一個補充 預設情況下,從0開始為元素編號也可以手動的指定成員的數值 enum Color {Red = 1, Green = 2, Blue = 4}; enum Color {Red, Green, Blue}; var colorName: Color = Color.Green; console.log(colorName, 'colorName') // 任意值 在程式設計階段還不清楚型別的變數指定一個型別 如 let list: any[] = [1, true, "test"]; var anyValue: any = 666; console.log(anyValue,
'anyValue') anyValue = "maybe a string"; console.log(anyValue,'anyValue') anyValue = false; // maybe a boolean console.log(anyValue,'anyValue') // 宣告空值 var unusable: void = undefined; console.log(unusable,'unusable') // 宣告Null 和 Undefined 預設情況下null和undefined是所有型別的子型別; var declareUndefined: undefined = undefined; console.log(declareUndefined,'declareUndefined') var declareNull: null = null; console.log(declareNull,'declareNull') // 型別斷言 --->長度輸出16 var someValue: any = "this is a string"; var strLength: number = (<string>someValue).length; console.log(someValue,'someValue',strLength, 'strLength')