為什麼 JavaScript 被認為是一種弱型別語言?


由於 JavaScript 是一種弱型別語言,因此您不需要正確預測將儲存在變數中的資料型別。根據您提供給變數的資訊(例如此 ' ' 或 " " 以表示字串值),JavaScript 將自動對其進行型別化。在許多其他語言(包括 Java)中,必須宣告變數的型別,例如 int、float、boolean 或 String。

這既有好處也有壞處。儘管 JavaScript 中的型別系統允許很大的自由度,但它缺乏高度型別化系統在您嘗試將 int 新增到物件時向您發出警告的能力,從而避免了您被迫花費數小時除錯型別錯誤。

JavaScript 的型別化是臨時性的。函式不需要接受整數作為引數,也不需要明確宣告字串是字串。JavaScript 現在具有很大的靈活性。

為了換取程式碼庫中更高的安全性和信任度,您必須放棄弱型別語言帶來的部分靈活性。

即使運算子通常根據 JavaScript 的弱耦合型別系統將值轉換為適當的型別,但在某些情況下,我們必須直接進行型別轉換。

儘管 JavaScript 中有許多方法可以將資料在不同型別之間進行轉換,但最常執行的有兩種:

  • 值轉換為字串
  • 值轉換為數字

隱式轉換 - 有許多 JavaScript 運算子和函式會自動將值轉換為適當的型別,例如 alert() 函式,它接受任何值並將其轉換為字串。但是,某些運算子(如 "+" 運算子)會導致問題。

基本示例

輸入

"4" + "5"

輸出

"45"

在此情況下,+ 運算子表示字串連線。

但 "5" - "3" 透過使用隱式轉換輸出 2。

示例 1

以下指令碼說明了 JavaScript 如何執行隱式型別轉換。

<!DOCTYPE html>
<html>
<title>Why is JavaScript considered a loosely-typed language - TutorialsPoint</title>
<head>
   <meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body style="text-align:center">
   <script>
      document.write('("5" - "3") = ' + ("5" - "3") + "<br>");
      document.write('("5" - 3) = ' + ("5" - 3) + "<br>");
      document.write('("5" * "2") = ' + ("5" * "2") + "<br>");
      document.write('("5" % "2") = ' + ("5" % "2") + "<br>");
      document.write('("5" + null) = ' + ("5" + null) + "<br>");
   </script>
</body>
</html>

值到字串的轉換

可以使用toString()string() 函式將 JavaScript 中的值轉換為字串。

String() 函式的語法如下:

String(value)

示例

let myNumber = 1245;
let myString = String(myNumber);

輸出

以上程式碼將給出以下輸出:

now myNumber contains "1245"

toString() 函式的語法如下:

variableName.toString(base)

示例

let myNumber = 1245;
let myString = toString(myNumber);

輸出

以上程式碼將給出以下輸出:

now myNumber contains "1245"

示例 2

使用下面的程式碼,數字、布林值和日期都將轉換為字串。

<!DOCTYPE html>
<html>
<title>Why is JavaScript considered a loosely-typed language - TutorialsPoint</title>
<head>
   <meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body style="text-align:center">
   <script>
      
      // The variables myNumber and myDay have been
      // given the values number and date, respectively.
      let myNumber = 155;
      let myDay = new Date('2022-10-31T06:30:00');
      
      // Number to string conversion
      document.write(" String(myNumber) = " + String(myNumber) + "<br>");
      
      // number to string conversion
      document.write(" String(myNumber + 15) = " + String(myNumber + 15) + "<br>");
      document.write(" String( 20 + 20) = " + String(20 + 20) + "<br>");
      
      // from boolean value to string conversion
      document.write(" String(false) = " + String(false) + "<br>");
      
      // From Date to string conversion
      document.write(" String(myDay) = " + String(myDay) + "<br>");
   </script>
</body>
</html>

將值更改為數字

可以使用 JavaScript 的Number() 方法將值轉換為數字。它能夠將任何數字文字和布林值轉換為數字。在處理非數字字串時,它會將其轉換為NaN(非數字)。

語法

Number(valueToConvert)

示例

let myString = "567";
let myNumber = Number(myString);

輸出

以上程式碼將給出以下輸出:

now myNumber contain 567(Number)

示例 3

使用下面的程式碼,數字文字、日期和布林值都將轉換為數字。

<!DOCTYPE html>
<html>
<title>Why is JavaScript considered a loosely-typed language - TutorialsPoint</title>
<head>
   <meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body style="text-align:center">
   <script>
      
      // Variables myNumber and myDay, respectively,
      // have been given the values number and date.
      let myNumber = "567";
      let myDay = new Date('2022-10-31T06:30:00');
      
      // string to number conversion
      document.write(" Number(myNumber) = " + Number(myNumber) + "<br>");
      
      //A boolean value is converted to a number.
      document.write(" Number(false) = " + Number(false) + "<br>");
      document.write(" Number(true) = " + Number(true) + "<br>");
      
      // Change from date to number
      document.write(" Number(myDay) = " + Number(myDay) + "<br>");
   </script>
</body>
</html>

示例 4

如果字串不是數字,則將其轉換為 NaN,而空字串或空白字串則轉換為 0。

<!DOCTYPE html>
<html>
<title>Why is JavaScript considered a loosely-typed language - TutorialsPoint</title>
<head>
   <meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body style="text-align:center">
   <script>
      
      // Empty string assigned
      let emptyStr = "";
      
      // White space assigned
      let whiteSpc = " ";
      
      // Non-number string assigned
      let nonStr = "Welcome to Tutorialspoint!";
      
      // Printing converted values of number
      document.write(" Number(emptyStr) = " + Number(emptyStr) + "<br>");
      document.write(" Number(whiteSpc) = " + Number(whiteSpc) + "<br>");
      document.write(" Number(nonStr) = " + Number(nonStr) + "<br>");
   </script>
</body>
</html>

更新於: 2022-12-12

2K+ 次瀏覽

開啟您的 職業生涯

透過完成課程獲得認證

開始學習
廣告

© . All rights reserved.