将ES6类拆分为多个文件

时间:2015-01-16 13:07:01

标签: javascript coffeescript ecmascript-6

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

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

Foo.prototype.render = require('./render');

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

6to5 REPL中的tried this

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

  require('./render');
}

......但是错误。

例如,CoffeeScript的类语法允许我这样做:

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

  render: require './render'

ES6课程真的没办法吗?

2 个答案:

答案 0 :(得分:11)

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

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

Foo.prototype.render = require('./render');

或者你可以创建一个getter:

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

  get render() {
    return require('./render');
  }
}

答案 1 :(得分:1)

这个怎么样?

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

  render() { 
    require('./render'); 
  }
}