JavaScript构造函数是一种特殊的函数,旨在初始化新实例的相关属性,并构建一个将被重复使用的新对象。与其他函数不同的是,构造函数是使用 new 操作符直接调用的,类似下面的语法:
var newObject = new constructor();
上面的代码将使用构造函数变量constructor()创建一个新对象,并将它赋值给变量newObject。构造函数用于创建多个相同类型的对象,并为其分配相关属性,可以省去大量重复代码。
例如,如果要使用 JavaScript 创建多个来自同一类型的元素,可以使用构造函数:
function Button(text, color) {
this.text = text;
this.color = color;
}
// Create new buttons
var okButton = new Button("OK", "#00FF00");
var cancelButton = new Button("Cancel", "#FF0000");
这样,就可以使用两个不同的按钮来实例化Button构造函数,并将属性分配给特定的变量。这种解决方案的另一个优势是,构造函数可以添加额外的方法到这些实例中:
// Button constructor
function Button(text, color) {
this.text = text;
this.color = color;
this.show = function() {
console.log("You created a " + this.color + " button that says " + this.text);
};
}
// Create a new button
var okButton = new Button("OK", "#00FF00");
// Show button information
okButton.show();