• TS 和 JS 相對比的優勢
• TypeScript的安裝步驟、運行問題及代碼的簡單運行
• TypeScript學習筆記1：變量賦值及書寫方式
• TypeScript學習筆記2：數據類型

文章目錄

• 運算符
• • 算術運算符的簡單使用
  • 賦值運算符的簡單使用
  • • 賦值運算符的代碼執行順序：
    • 特殊賦值運算符：即算式的簡化形式
    • • “ += ” --> 加法算式的簡化形式，如：
      • “ -= ” --> 減法算式的簡化形式，如：
      • “ *= ” --> 乘法算式的簡化形式，如：
      • “ /= ” --> 除法算式的簡化形式，如：
  • 自增和自減運算符的簡單使用
  • 比較運算符的簡單使用
  • 邏輯運算符的簡單使用

運算符

運算符也稱為操作符、用來實現賦值、算術運算和比較等功能的符號

運算符主要分為：

算術運算符

賦值運算符

自增和自減運算符

比較運算符

邏輯運算符

算術運算符的簡單使用

算術運算符即在語言內進行算術運算的功能符號，其主要符號有以下幾點：

• 加號“+”(運行加法的運算符號)

console.log(2 + 3)

運行結果：

• 減號“-”(運行減法的運算符號)

console.log(2 - 3)

運行結果：

• 乘號“*”(運行乘法的運算符號)

console.log(2 * 3)

運行結果：

• 除號“/”(運行除法的運算符號)

console.log(2 / 3)

運行結果：

加號的特殊使用方法：

• 將字符串進行拼接操作

// 使用加號將字符串類型和數字類型進行拼接 console.log("1" + 1)// 使用加號將字符串類型和字符串類型進行拼接 console.log("周杰" + "倫")

運行結果：

• 將string類型轉換為number類型：

console.log(+'1' - 1) console.log(2 + +"4")

運行結果：

注：算術運算符中只有“+”號擁有特殊功能：

可以將string類型轉換為number類型

可以將字符串進行拼接，且字符串可和所有的數據類型進行拼接

賦值運算符的簡單使用

賦值運算符（等號 “=”）
在編程語言中等號 “=” 是賦值運算符，而非比較運算符中“等于”的意思。

賦值運算符是將等號右邊的值賦值給它左邊的變量，例如：

// 將字符串：深圳 賦值給左側的變量 city let city = "深圳" console.log(city)

運行結果：

賦值運算符的代碼執行順序：

優先執行等號右邊的代碼

再將代碼執行結果賦值給等號左邊的變量

let age = 20 age = 20 + 1 console.log(age)

運行結果：

特殊賦值運算符：即算式的簡化形式

“ += ” --> 加法算式的簡化形式，如：

// 正常傳統的加法算式 let age = 20 age = age + 1 console.log(age)// 加法算式的簡化形式 let age1 = 20 age1 += 1 console.log(age1)

運行結果：

“ -= ” --> 減法算式的簡化形式，如：

// 正常傳統的減法算式 let age = 20 age = age - 2 console.log(age)// 減法算式的簡化形式 let age1 = 20 age1 -= 2 console.log(age1)

運行結果：

“ *= ” --> 乘法算式的簡化形式，如：

// 正常傳統的乘法算式 let age = 20 age = age * 3 console.log(age)// 乘法算式的簡化形式 let age1 = 20 age1 *= 3 console.log(age1)

運行結果：

“ /= ” --> 除法算式的簡化形式，如：

// 正常傳統的除法算式 let age = 20 age = age / 4 console.log(age)// 除法算式的簡化形式 let age1 = 20 age1 /= 4 console.log(age1)

運行結果：

自增和自減運算符的簡單使用

• 自增運算符 -->即“+= 1”的簡化形式，例：

// 原 +1 的算式的簡化形式 let age = 20 age += 1 console.log(age)// 自增運算符的書寫形式 let age1 = 20 age1++ console.log(age1)

運行結果：

• 自減運算符 -->即“-= 1”的簡化形式，例：

// 原 -1 的算式的簡化形式 let age = 20 age -= 1 console.log(age)// 自減運算符的書寫形式 let age1 = 20 age1-- console.log(age1)

運行結果：

注：

目前只有加法和乘法存在自增和自減運算符

自增和自減運算符有且只能進行 +1/-1 操作，不支持 +2/+3等其他數字操作

比較運算符的簡單使用

用于比較兩個數據的值，并返回其比較的家國，結果為布爾類型。

比較運算符常用于數字類型的比較。

比較運算符只類型用來進行同一種類型的比較，如數字類型對應數字類型，字符串對應字符串類型等。

比較運算符主要有：

比較運算符比較運算符的含義

“>”	大于
“<”	小于
“>=”	大于等于
“<=”	小于等于
“===”	等于
“!==”	不等于

舉例：

// 大于 console.log(1 > 2) //結果：false // 小于 console.log(1 < 2) //結果：true // 大于等于 console.log(1 >= 2) //結果：false // 小于等于 console.log(2 <= 2) //結果：true

運行結果：

等于和不等于的簡單應用：

// 使用常量進行比較 console.log(4 === 4) //結果：true console.log(4 !== 4) //結果：false// 使用變量進行比較 let a = 8 let b = 8 console.log(`等于比較運算符的比較結果是${a === b}`) // 結果：truelet c = 8 let d = 8 console.log(`不等于比較運算符的比較結果是${c !== d}`) // 結果：false

運行結果：

邏輯運算符的簡單使用

代碼中的邏輯運算符有：與（并且）、或（或者）、非（不是）三種邏輯運算符。

邏輯運算符通常用于布爾類型的計算，并且返回結果也是布爾類型。

邏輯運算符邏輯運算符含義備注

&&	與（并且）	當 && 兩邊的值，同時為true時，才為true，否則為false
||	或（或者）	當 || 兩邊的值中，其中一個值為ture時，就為true，否則為false
!	非（不是）	表示取反，即true–>false，false–>true

舉例：

與簡單應用：

// “與”的簡單使用 console.log(true && false) // 結果：false console.log(5 > 1 && 2 < 4) // 結果：true

或的簡單應用：

// “或”的簡單使用 console.log(false || false) // 結果：false console.log(5 > 1 || 2 > 4) // 結果：true

非的簡單應用：

console.log(!false) // 結果：true console.log(!true) // 結果：false

注：要是覺得文章寫得不錯，記得留個贊哦！

總結

以上是生活随笔為你收集整理的TypeScript学习笔记3：运算符的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。