内置 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>
执行上述代码后,将生成以下输出。
广告