Javascript 构造函数详解
5星 · 超过95%的资源 157 浏览量
2020-10-25
08:31:47
上传
评论
收藏 49KB PDF 举报 
Javascript 构造函数详解构造函数详解
Javascript构造函数是非常强大的，它可能也是Javascript能被充分利用的特点之一。但是如果你想真正的了解
Javascript，你还是应该明白构造函数是如何工作的。本文，我们将从三个方面来讲述构造函数。
一、什么是构造函数一、什么是构造函数
在一些面向对象的语言，如Java、C++、PHP中，构造函数是很常见的。在Javascript中构造函数首先是一个普通的函数，它
可以使用new 操作符来调用，并生成一个特殊类型的对象。
复制代码 代码如下:
// "Benjamin" is a constructor
var benjamin = new Benjamin("zuojj", "male");
在上面这个实例中benjamin是一个Benjamin对象，那么它是如何来实例化的呢？
复制代码 代码如下:
function Benjamin(username, sex) {
this.username = username;
this.sex = sex;
}
var benjamin = new Benjamin("zuojj", "male");
//Outputs: Benjamin{sex: "male",username: "zuojj"}
console.log(benjamin);
正如我们所看到的，“Benjamin”构造函数仅仅是接收传递过来的参数，并把它们赋值给this对象。这是因为当构造函数被new
操作符调用时，构造函数的this对象赋值为new操作返回的对象。
这意味着上面的代码等同于：
复制代码 代码如下:
benjamin = {
"username": "zuojj",
"sex": "male"
}
二、为什么使用构造函数二、为什么使用构造函数
为什么使用构造函数，有以下几个方面的原因：
1.使用构造函数，意味着所有的这些对象，都可以使用相同的基本结构创建
2.使用构造函数，意味着“benjamin”对象被明确的标记为“Benjamin”函数的实例
复制代码 代码如下:
function Benjamin(username, sex) {
this.username = username;
this.sex = sex;
}
var benjamin = new Benjamin("zuojj", "male");
var ben = {
"username": "zuojj",
"sex": "male"
}
//Outputs: true
console.log(benjamin instanceof Benjamin);
//Outputs: false
console.log(ben instanceof Benjamin);
3.使用构造函数，意味着我们可以在原型上定义公共方法，供多个实例共享
复制代码 代码如下:
function Benjamin(username, sex) {
this.username = username;
this.sex = sex;
}
- 1
- 2
前往页