首页 > 文章 > web前端 > 为什么 JavaScript 被认为是松散类型语言

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

WBOY转载: 2023-09-05 10:09:03915浏览

由于 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 裁剪克隆图像的高度？下一篇：如何在 JavaScript 中将连字符转换为驼峰式大小写？

查看更多