没有合适的资源?快使用搜索试试~ 我知道了~
Javascript 构造函数详解

温馨提示


试读
3页
Javascript构造函数是非常强大的,它可能也是Javascript能被充分利用的特点之一。但是如果你想真正的了解Javascript,你还是应该明白构造函数是如何工作的。本文,我们将从三个方面来讲述构造函数。
资源推荐
资源详情
资源评论


















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;
}

weixin_38741996
- 粉丝: 44
- 资源: 932
上传资源 快速赚钱
我的内容管理 展开
我的资源 快来上传第一个资源
我的收益
登录查看自己的收益我的积分 登录查看自己的积分
我的C币 登录后查看C币余额
我的收藏
我的下载
下载帮助


安全验证
文档复制为VIP权益,开通VIP直接复制

- 1
- 2
前往页