将ES6类拆分为多个文件

cal*_*lum 7 javascript coffeescript ecmascript-6

使用JavaScript"类"(我知道不是真正的类),可以通过将方法放在单独的文件中来分解大的定义,如下所示:

var Foo = function () {
  console.log('initializing foo');
};

Foo.prototype.render = require('./render');
Run Code Online (Sandbox Code Playgroud)

但是对于ES6类,看起来语法排除了这种方法 - 似乎方法总是必须在类块中写成函数文字.

我在6to5 REPL中试过这个:

class Foo {
  constructor() {
    console.log('initializing foo');
  }

  require('./render');
}
Run Code Online (Sandbox Code Playgroud)

......但它错了.

举个例子,CoffeeScript的类语法允许我这样做:

class Foo
  constructor: ->
    console.log 'initializing foo'

  render: require './render'
Run Code Online (Sandbox Code Playgroud)

ES6课程真的没办法做到这一点吗?

Fel*_*ing 12

类只是语法糖.所以你可以做到

class Foo {
  constructor() {
    console.log('initializing foo');
  }
}

Foo.prototype.render = require('./render');
Run Code Online (Sandbox Code Playgroud)

或者你可以创建一个getter:

class Foo {
  constructor() {
    console.log('initializing foo');
  }

  get render() {
    return require('./render');
  }
}
Run Code Online (Sandbox Code Playgroud)

  • 在这些方法中访问 `this` 怎么样? (2认同)