内置 javascript 构造函数?


在这篇文章中,我们将讨论内置 JavaScript 构造函数以及相应 JavaScript 示例。

Javascript 提供了一些用于原生对象的内置构造函数。这些内置函数包括 Object()、String()、Boolean()、RegExp()、Number()、Array()、Function()、Date()。

注意我们不能在这些内置构造函数中包含 Math 对象,因为 Math 是一个全局对象。不能对 Math 使用“new”关键字。

让我们借助本文中进一步提供的示例,以更好的方式理解这个概念。

示例 1

这是一个示例程序,用于说明内置构造函数 String()

<!DOCTYPE html>
<html>
<head>
   <title>Built-in JavaScript Constructors</title>
</head>
<body style="text-align : center">
   <h3>String() - Built-in JavaScript Constructor</h3>
   <p id="valueToString"></p>
   <script>
      var value1 = 3.14;
      var value2 = String(value1);
      var result = value1;
      document.getElementById("valueToString").innerHTML = "The converted value to string is : " + result;
   </script>
</body>
</html>

执行上述代码后,将生成以下输出。

示例 2

这是一个示例程序,用于说明内置构造函数 Number()

<!DOCTYPE html>
<html>
<head>
   <title>Built-in JavaScript Constructors</title>
</head>
<body style="text-align : center">
   <h3>Number() - Built-in JavaScript Constructor</h3>
   <p id='Built-in'></p>
   <script>
      let a = Number("100");
      let b = Number("100.234");
      let c = Number(true); //return 0 or 1 for boolean
      let d = Number("true"); //returns a number or NaN
      let e = Number(new Date()); //returns number of milli seconds from Jan 1 1970
      let f = Number([1.2]);
      document.getElementById('Built-in').innerHTML = `Number("100") is ${a} ${'<br/>'} Number("100.234") is ${b} ${'<br/>'} Number(true) is ${c} ${'<br/>'} Number("true") is ${d} ${'<br/>'} Number(new Date()) is ${e} ${'<br/>'} Number([1.2]) is ${f} `;
   </script>
</body>
</html>

执行上述代码后,将生成以下输出。

示例 3

这是一个示例程序,用于说明内置构造函数 Boolean()

<!DOCTYPE html>
<html>
<head>
   <title>Built-in JavaScript Constructors</title>
</head>
<body style="text-align : center">
   <h3>Boolean() - Built-in JavaScript Constructor</h3>
   <p id="bool"></p>
   <script>
      var value1 = 0;
      var value2 = '';
      var value3 = null;
      var value4 = 'Hello';
      var value5 = 1234;
      document.getElementById("bool").innerHTML = "The boolean value for the value (0) is : " + Boolean(value1) + '<br/>' + "The boolean value for the value ('') is : " + Boolean(value2) + '<br/>' +"The boolean value for the value (null) is : " + Boolean(value3) + '<br/>' +"The boolean value for the value ('Hello') is : " + Boolean(value4) + '<br/>' +"The boolean value for the value (1234) is : " + Boolean(value5);
   </script>
</body>
</html>

执行上述代码后,将生成以下输出。

示例 4

这是一个示例程序,用于说明内置构造函数 Object()。每个构造函数都是 Object 构造函数的一部分。

<!DOCTYPE html>
<html>
<head>
   <title>Built-in JavaScript Constructors</title>
</head>
<body style="text-align : center">
   <h3>Built-in JavaScript Constructors</h3>
   <p id="valueToString"></p>
   <script>
      const a1 = new String();
      const a2 = new Number();
      const a3 = new Boolean();
      const a4 = new Object();
      const a5 = new Array();
      const a6 = new Date();
      document.getElementById("valueToString").innerHTML = `a1 is ${typeof a1} ${'<br/>'} a2 is ${typeof a2} ${'<br/>'} a3 is ${typeof a3} ${'<br/>'} a4 is ${typeof a4} ${'<br/>'} a5 is ${typeof a5} ${'<br/>'} a6 is ${typeof a6} `;
   </script>
</body>
</html>

执行上述代码后,将生成以下输出。

更新日期:2022 年 12 月 9 日

900 次浏览

点燃你的职业生涯

完成课程即可获得认证

开始学习
广告