javascript构造函数

“对象”是一个实物的抽象,通常需要一个模板,表示某一类实物的共同特征,然后“对象”根据这个模板生成。典型的面向对象语言(如C++和JAVA)有一个“类”的概念,这个“类”就是对象的模板。但是javascript不是基于类的,而是基于“构造函数Constructor”和“原型链Prototype"

构造函数的写法跟普通函数的写法一样,但是它的函数名首字母要大写。

构造函数的特点有两个:1、函数体内部使用了this关键字,代表所要生成的对象实例;2、生成对象的时候必需用new

eg:

var Vehicle = function(){
	this.price = 2000;
}
var v = new Vehicle();

括号里还可以带参数。由于new命令本身就可以执行构造函数,所以后面的构造函数可以带括号也可以不带。

如果忘了使用new命令,那么构造函数就变成了普通函数,这时的this就代表了全局对象。为了保证构造函数必须与new命令一起使用,可以在构造函数内部使用严格模式(在严格模式中函数内部this不能指向全局对象)

eg:

var Vehicle = function(){
	'use strict';
	this.price = 2000;
}
Vehicle();

结果:Uncaught TypeError: Cannot set property 'price' of undefined

    at Vehicle

解决方法二是在构造函数内部判断是否使用new命令,如果没有使用,则直接返回一个实例对象。

eg:

function Vehicle(){
	if(!(this instanceof Vehicle)){
		return new Vehicle();
	}
	this.price = 2000;
}
Vehicle().price;
(new Vehicle()).price;

————————————————————————————————————————————————————

函数内部可以使用new.target属性。如果当前函数是new命令调用,new.target指向当前函数,否则为undefined

eg:

function f(){
	console.log(new.target === f);
}
f();//false
new f();//true
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值