TypeScript - 運算子

---

---

什麼是運算子？

運算子定義了將在資料上執行的某些函式。運算子作用於的資料稱為運算元。請考慮以下表達式：

7 + 5 = 12

這裡，值 7、5 和 12 是運算元，而 + 和 = 是運算子。

TypeScript 中的主要運算子可以分類為：

• 算術運算子
• 邏輯運算子
• 關係運算符
• 位運算子
• 賦值運算子
• 三元/條件運算子
• 字串運算子
• 型別運算子

算術運算子

假設變數 a 和 b 中的值分別為 10 和 5。

顯示示例

關係運算符

關係運算符測試或定義兩個實體之間關係的型別。關係運算符返回布林值，即 true/false。

假設 A 的值為 10，B 的值為 20。

顯示示例

邏輯運算子

邏輯運算子用於組合兩個或多個條件。邏輯運算子也返回布林值。假設變數 A 的值為 10，B 的值為 20。

顯示示例

位運算子

假設變數 A = 2，B = 3

顯示示例

賦值運算子

顯示示例

注意 - 位運算子也適用相同的邏輯，因此它們將變為 <<=、>>=、>>=、&=、|= 和 ^=。

其他運算子

否定運算子 (-)

更改值的符號。讓我們舉個例子。

var x:number = 4 
var y = -x; 
console.log("value of x: ",x);   //outputs 4 
console.log("value of y: ",y);   //outputs -4

編譯後，它將生成以下 JavaScript 程式碼。

//Generated by typescript 1.8.10
var x = 4;
var y = -x;
console.log("value of x: ", x);   //outputs 4
console.log("value of y: ", y);   //outputs -4

它將產生以下輸出：

value of x:  4 
value of y:  -4

字串運算子：連線運算子 (+)

當 + 運算子應用於字串時，它會將第二個字串附加到第一個字串。以下示例幫助我們理解這個概念。

var msg:string = "hello"+"world" 
console.log(msg)

編譯後，它將生成以下 JavaScript 程式碼。

//Generated by typescript 1.8.10
var msg = "hello" + "world";
console.log(msg);

它將產生以下輸出：

helloworld

連線操作不會在字串之間新增空格。可以在單個語句中連線多個字串。

條件運算子 (?)

此運算子用於表示條件表示式。條件運算子有時也稱為三元運算子。語法如下所示：

Test ? expr1 : expr2

• Test - 指條件表示式

• expr1 - 如果條件為真則返回的值

• expr2 - 如果條件為假則返回的值

讓我們看一下以下程式碼：

var num:number = -2 
var result = num > 0 ?"positive":"non-positive" 
console.log(result)

第 2 行檢查變數num中的值是否大於零。如果num設定為大於零的值，則返回字串“positive”，否則返回字串“non-positive”。

編譯後，它將生成以下 JavaScript 程式碼。

//Generated by typescript 1.8.10
var num = -2;
var result = num > 0 ? "positive" : "non-positive";
console.log(result);

以上程式碼段將產生以下輸出：

non-positive

型別運算子

typeof 運算子

它是一個一元運算子。此運算子返回運算元的資料型別。請看以下示例：

var num = 12 
console.log(typeof num);   //output: number

編譯後，它將生成以下 JavaScript 程式碼。

//Generated by typescript 1.8.10
var num = 12;
console.log(typeof num);   //output: number

它將產生以下輸出：

number

instanceof

此運算子可用於測試物件是否為指定型別。instanceof 運算子的使用在類一章中進行了討論。