为什么 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>
数据结构
网络
关系型数据库管理系统
操作系统
Java
iOS
HTML
CSS
Android
Python
C 编程
C++
C#
MongoDB
MySQL
Javascript
PHP