深入 TypeScript - 3 ( 一些小技巧)

一些常用的小技巧

• 平時寫程式碼的時候查詢資料積累的一些小技巧

基本風格使用

1、使用箭頭函式代替匿名函式表示式。
2、只要需要的時候才把箭頭函式的引數括起來。比如，(x) => x + x 是錯誤的，下面是正確的做法：
    x => x + x
    (x,y) => x + y
    <T>(x: T, y: T) => x === y

3、總是使用 {} 把迴圈體和條件語句括起來。
小括號裡開始不要有空白。逗號，冒號，分號後要有一個空格。比如：
    for (let i = 0, n = str.length; i < 10; i++) { }
    if (x < 10) { }

4、function f(x: number, y: string): void { }
    每個變數宣告語句只宣告一個變數 。比如：使用 let x = 1; var y = 2; 而不是 let x = 1, y = 2;）。
5、如果函式沒有返回值，最好使用 void
複製程式碼

class的使用

• 在 TypeScript 中，我們可以通過 Class 關鍵字來定義一個類：

class Greeter {
   static cname: string = 'Greeter'; // 靜態屬性
   greeting: string; // 成員屬行

   constructor(message: string) { // 建構函式 - 執行初始化操作
     this.greeting = message;
   }

    static getClassName() { // 靜態方法
      return 'Class name is Greeter';
    }
    
    greet() { // 成員方法
      return "Hello, " + this.greeting;
    }
}

let greeter = new Greeter("world");
複製程式碼

處理 json 和字串

let person = "{"name":"Sam","Age":"30"}";

const jsonParse: ((key: string, value: any) => any) | undefined = undefined;
let objectConverted = JSON.parse(textValue, jsonParse);
複製程式碼

轉換數字

• 基本的 JavaScript 的操作

var n = +"1"; // the unary + converts to number
var b = !!"2"; // the !! converts truthy to true, and falsy to false
var s = ""+3; // the ""+ converts to string via toString()

var str = '54';

var num = +str; //easy way by using + operator
var num = parseInt(str); //by using the parseInt operation 
複製程式碼

• 在 typescript 中推薦使用Number

Number('1234') // 1234
Number('9BX9') // NaN

// 同等的字串轉換用
String(123) // '123'
複製程式碼