ES6学习——生成器（Generators）：生成器中的this与super

先看看生成器中的this：

在规范的14.4.11有这样的描述：

If the generator was invoked using [[Call]], the this binding will have already been initialized in the normal manner. If the generator was invoked using [[Construct]], the this bind is not initialized and any references to this within the FunctionBody will produce a ReferenceError exception.

我们来验证一下：

function* genFunc() {
	'use strict';
	yield this;
}

var [_this] = genFunc();//数组解构赋值
console.log(_this);//undefined

在试试new出来的会不会抛异常：

function* genFunc() {
	'use strict';
	console.log(this)
}

var g = new genFunc();
g.next();

在Chrome下并没有抛出异常，这里和规范不一样。Chrome里this就是实例g，因为this instanceof genFunc是true。

在看一下生成器是对象方法的情况：

let obj = { 
	*method(){yield this}  
};
let [methodThis] = obj.method();
console.log(methodThis === obj); // true

接下来试试super：

class A{
	*method(){
		yield this;
	}
}

A.prototype[Symbol.toStringTag] = "A"

class B extends A{
	*method(){
		let [s] = super.method();
		yield s;
		yield this;
	}
}

B.prototype[Symbol.toStringTag] = "B"

var b = new B();
var [parent,child] =  b.method();
console.log(parent.toString(),child.toString());//[object B] [object B]


var objParent = {
	*method(){
		yield this;
	},
	[Symbol.toStringTag] : "objParent"
}

var objChild = {
	*method(){
		var [s] = super.method();
		yield s;
		yield this;
	},
	[Symbol.toStringTag] : "objChild"
}

Object.setPrototypeOf(objChild,objParent);

var [s,t] = objChild.method();
console.log(s.toString(),t.toString());//[object objChild] [object objChild]

功能看上去是正常的，但是在规范的14.4.1中有这样的描述：

GeneratorMethod : * PropertyName ( StrictFormalParameters ) { GeneratorBody }
It is a Syntax Error if HasDirectSuper of GeneratorMethod is true

从规范上看，生成器中并不允许调用super，但是Chrome中貌似提前实现了这些语法，这也符合Google的作风，总是领先于规范。谨慎来讲，最好先不要在生成器中使用this或者super

*以上全部代码在Chrome 48中通过测试