内置 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>
执行上述代码后,将生成以下输出。
广告
数据结构
网络
关系型数据库管理系统
操作系统
Java
iOS
HTML
CSS
Android
Python
C 编程
C++
C#
MongoDB
MySQL
Javascript
PHP