new

JavaScript：new 操作符

详细说明

new运算符用于创建一个用户自定义对象类型或具有构造函数的内置对象类型的实例。

Syntax

var objectName = new objectType(param1, param2, ...., paramN);

执行一下

Parameters

objectName：新对象的名称。

objectType：对象的类型。

param1, param2, …paramN：对象的属性值。

创建用户自定义对象类型需遵循以下步骤。

编写函数定义对象类型

使用 new 运算符创建该对象的实例。

示例：对象类型与对象实例。

假设我们需要创建一个包含name、class和rollno三个属性的学生对象类型。首先通过声明以下函数实现：

function student(name, class, rollno)
    {
    this.name = name;
    this.class = class
    this.rollno = rollno;
    }

执行一下

要创建名为studentvi的对象，请声明以下语句。
studentvi = new Student("David Rayy", "VI", 12)

上述语句创建了一个名为studentv的对象并为其属性赋予指定值。因此studentv.name的值为字符串"David Rayy"，studentv.class的值为字符串"VI"，student.rollno的值为整数12。通过调用new可创建任意数量的student对象。

示例：对象属性本身为另一对象的情况。

需再次声明上述函数以重新创建学生对象。

function student(name, class, rollno)
    {
    this.name = name;
    this.class = class
    this.rollno = rollno;
    }

执行一下

随后按如下方式实例化两个新的学生对象：

studentv = new student("John", "V", 10)

studentvi = new Student("David Rayy", "VI", 12)

创建一个名为school的对象，包含学校名称（school name）、地址（address）、城市（city）和sdetails属性，其中sdetails属性接受如下格式的学生对象：

function school(sname,  city, sdetails )
    {
    this.sname = sname;
    this.city = city;
    this.sdetails = sdetails;
    }

执行一下

要实例化新对象，请使用以下语句：

school1 = new school("迪拜国际学校", "迪拜", studentv)

school2 = new school("新德里国际学校", "新德里", studentvi)

上述语句将对象 studentv 和 studentvi 作为参数传递给 school。要获取属于 school2 的学生姓名，可访问以下属性:

school2.sdetails.name

Example:

以下网页文档演示了new运算符的使用方法。

HTML代码

<!doctype html><head>
<meta charset="utf-8">
<title>JavaScript new operator example.</title>
<meta name="description" content="This document contains an example of JavaScript new operator"/>
</head>
<body>
<script src="javascript-new-operator-example1.js"></script>
</body>
</html>

执行一下

JS代码

var date1 = new Date();
var newParagraph = document.createElement("p");
var newText = document.createTextNode('The date is : '+date1);
newParagraph.appendChild(newText);
document.body.appendChild(newParagraph);

执行一下

在浏览器中查看示例

另请参阅

条件运算符
 comma
delete
function
in
instanceof
this
typeof
void

上一篇：JavaScript：instanceof 运算符
下一篇：JavaScript：this 操作符

JavaScript

JavaScript 入门教程

new

JavaScript：new 操作符

详细说明