首頁 >web前端 >js教程 >為什麼 JavaScript 被認為是鬆散型別語言

為什麼 JavaScript 被認為是鬆散型別語言

WBOY轉載: 2023-09-05 10:09:03955瀏覽

为什么 JavaScript 被认为是松散类型语言

由於 JavaScript 是一種鬆散類型語言，因此您無需正確預測資料類型這將保存在一個變數中。取決於您提供給變數的資訊（例如這個‘‘ 或“”表示字串值），JavaScript 將自動鍵入它。變數的型別，例如int， float、boolean 或 String 必須在許多其他語言（包括 Java）中聲明。

這既有好的影響，也有壞的影響。儘管 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，而空字串或空白字串將轉換為 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>

以上是為什麼 JavaScript 被認為是鬆散型別語言的詳細內容。更多資訊請關注PHP中文網其他相關文章！

陳述：

本文轉載於：tutorialspoint.com。如有侵權，請聯絡admin@php.cn刪除

上一篇：如何使用 FabricJS 裁剪克隆影像的高度？下一篇：如何使用 FabricJS 裁剪克隆影像的高度？

看更多