es6 javascript的class类的new的新特性

new是从构造函数生成实例的命令。 ES6 为new命令引入了一个new.target属性,( 在构造函数中) 返回new命令作用于的那个构造函数。 如果构造函数不是通过new命令调用的, new.target会返回undefined, 因此这个属性可以用来确定构造函数是怎么调用的。

function Person(name) {
	if(new.target !== undefined) {
		this.name = name;
	} else {
		throw new Error(' 必须使用 new 生成实例 ');
	}
}
//  另一种写法
function Person(name) {
	if(new.target === Person) {
		this.name = name;
	} else {
		throw new Error(' 必须使用 new 生成实例 ');
	}
}
var person = new Person(' 张三 '); //  正确
var notAPerson = Person.call(person, ' 张三 '); //  报错
上面代码确保构造函数只能通过new命令调用。
Class 内部调用new.target, 返回当前 Class。

class Rectangle {
	constructor(length, width) {
		console.log(new.target === Rectangle);
		this.length = length;
		this.width = width;
	}
}
var obj = new Rectangle(3, 4); //  输出 true
需要注意的是, 子类继承父类时, new.target会返回子类。

class Rectangle {
	constructor(length, width) {
		console.log(new.target === Rectangle);
		// ...
	}
}
class Square extends Rectangle {
	constructor(length) {
		super(length, length);
	}
}
var obj = new Square(3); //  输出 false
上面代码中, new.target会返回子类。
利用这个特点, 可以写出不能独立使用、 必须继承后才能使用的类。

class Shape {
	constructor() {
		if(new.target === Shape) {
			throw new Error(' 本类不能实例化 ');
		}
	}
}
class Rectangle extends Shape {
	constructor(length, width) {
		super();
		// ...
	}
}
var x = new Shape(); //  报错
var y = new Rectangle(3, 4); //  正确
上面代码中, Shape类不能被实例化, 只能用于继承。
注意, 在函数外部, 使用new.target会报错。


Mixin 模式的实现

Mixin 模式指的是, 将多个类的接口“ 混入”( mixin)另一个类。 它在 ES6 的实现如下。

function mix(...mixins) {
	class Mix {}
	for(let mixin of mixins) {
		copyProperties(Mix, mixin);
		copyProperties(Mix.prototype, mixin.prototype);
	}
	return Mix;
}

function copyProperties(target, source) {
	for(let key of Reflect.ownKeys(source)) {
		if(key !== "constructor" &&
			key !== "prototype" &&
			key !== "name"
		) {
			let desc = Object.getOwnPropertyDescriptor(source, key);
			Object.defineProperty(target, key, desc);
		}
	}
}
上面代码的mix函数, 可以将多个对象合成为一个类。 使用的时候, 只要继承这个类即可。

lass DistributedEdit extends mix(Loggable, Serializable) {
	// ...
}







  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值