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

来源：互联网发布：大疆地面站软件下载编辑：程序博客网时间：2024/05/19 14:35

先看看生成器中的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中通过测试

0 0