CoffeeScript - 運算子和別名

---

---

CoffeeScript 運算子

運算子是告訴編譯器執行特定數學或邏輯函式的符號。讓我們來看一個簡單的表示式4 + 5 等於 9。這裡 4 和 5 被稱為運算元，而“+”被稱為運算子。

CoffeeScript 提供的運算子與 JavaScript 中的相同，除了少數差異。JavaScript 中有一些有問題的運算子。CoffeeScript 要麼刪除了它們，要麼修改了它們的功能，並且它還引入了一些新的運算子。

以下是 CoffeeScript 支援的運算子列表。

• 算術運算子
• 比較運算子
• 邏輯（或關係）運算子
• 賦值運算子

CoffeeScript 別名

除了運算子之外，CoffeeScript 還提供別名。CoffeeScript 為各種運算子和符號提供別名，以使您的 CoffeeScript 程式碼更具可讀性和使用者友好性。

讓我們逐一看看 CoffeeScript 的所有運算子和別名。

算術運算子

CoffeeScript 支援以下算術運算子。假設變數A持有10，變數B持有20，則−

顯示示例

比較運算子

JavaScript 支援以下比較運算子。假設變數A持有10，變數B持有20，則−

顯示示例

下表顯示了一些比較運算子的別名。假設A持有20，變數B持有20。

顯示示例

邏輯運算子

CoffeeScript 支援以下邏輯運算子。假設變數A持有10，變數B持有20，則−

顯示示例

下表顯示了一些邏輯運算子的別名。假設X持有true，變數Y持有false。

顯示示例

位運算子

CoffeeScript 支援以下位運算子。假設變數A持有2，變數B持有3，則−

顯示示例

賦值運算子

CoffeeScript 支援以下賦值運算子−

顯示示例

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

CoffeeScript 中的相等運算子

在使用 JavaScript 時，您會遇到兩種型別的相等運算子==和===。

JavaScript 中的==運算子是型別強制的，即如果運算中兩個運算元的型別不同，則其中一個運算元的資料型別將轉換為另一個，然後進行比較。

CoffeeScript 避免了這種不希望的強制，它將==運算子編譯成 JavaScript 的嚴格比較運算子===。

如果我們使用===比較兩個運算元，則僅當它們的值和資料型別都相等時，它才會返回true，否則它將返回false。

示例

考慮以下示例。這裡我們有兩個變數a和b。a持有整數型別的值 21，而b持有相同的值，但它是字串型別。在 CoffeeScript 中，當我們比較a和b時，結果將為false。（因為 CoffeeScript 的==運算子被轉換為 JavaScript 的===運算子）

a=21
b="21"
result = 21=='21'
console.log result

編譯後，上述 CoffeeScript 生成以下 JavaScript

// Generated by CoffeeScript 1.10.0
(function() {
  var a, b, result;
  
  a = 21;
  
  b = "21";
  
  result = a === b;
  console.log(result);
}).call(this);

執行後，它生成以下輸出。

false

存在運算子

CoffeeScript 提供了一個名為存在運算子的新運算子來驗證變數是否存在。它用?表示。除非變數為 null 或 undefined，否則存在運算子返回 true。

示例

下面是存在運算子的示例。這裡我們有三個變數，即name、age和subject，我們正在使用存在運算子驗證變數 name 和 phone 的存在。

name="Ramu"
age=24
subject="Engineering"
verify_name = name?
verify_phone = phone?
console.log verify_name
console.log verify_phone

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

// Generated by CoffeeScript 1.10.0
(function() {
  var age, name, subject, verify_name, verify_phone;
  name = "Ramu";
  age = 24;

  subject = "Engineering";
  verify_name = name != null;
  verify_phone = typeof phone !== "undefined" && phone !== null;
  console.log(verify_name);
  console.log(verify_phone);

}).call(this);

如果我們執行上述 CoffeeScript 檔案，它將生成以下輸出。

true
false

注意− 我們有一個存在運算子?的訪問器變體。我們可以使用它代替 . 運算子來查詢空引用。

鏈式比較

與 Python 一樣，我們可以在 CoffeeScript 中的單個表示式中使用一系列比較運算子。

示例

以下是使用鏈式比較的示例。

score = 70
passed = 100 > score > 40

console.log passed

編譯後，示例 CoffeeScript 將為您提供以下 JavaScript 程式碼。

// Generated by CoffeeScript 1.10.0
(function() {
  var passed, score;

  score = 70;

  passed = (100 > score && score > 40);

  console.log(passed);

}).call(this);

如果您執行上述 CoffeeScript 程式碼，它將生成以下輸出。

true

注意 − CoffeeScript 移除了三元運算子；我們可以使用內聯 if 語句來代替它。

CoffeeScript 別名

通常，CoffeeScript 為各種運算子和符號提供了別名，以便使您的 CoffeeScript 程式碼更易讀和更友好。以下是 CoffeeScript 提供的別名。

示例

以下示例演示瞭如何在 CoffeeScript 中使用別名：

a=21; b=21

x = true; y = false

console.log a is b

console.log a isnt b

console.log x and y

console.log x or y

console.log yes or no

console.log on or off

console.log a**b

console.log a//b

console.log a%%b

編譯上述示例後，將生成以下 JavaScript 程式碼。

// Generated by CoffeeScript 1.10.0
(function() {
  var a, b, x, y,
    modulo = function(a, b) { return (+a % (b = +b) + b) % b; };

  a = 21;

  b = 21;

  x = true;

  y = false;

  console.log(a === b);

  console.log(a !== b);

  console.log(x && y);

  console.log(x || y);

  console.log(true || false);

  console.log(true || false);

  console.log(Math.pow(a, b));

  console.log(Math.floor(a / b));

  console.log(modulo(a, b));

}).call(this);

如果執行上述 CoffeeScript 檔案，則會產生以下輸出：

true
false
false
true
true
true
5.842587018385982e+27
1
0