对象范围内的函数调用或定义？

Question

在浏览VueJS时我发现了这篇文章 ：

  const injectedComp = {
    inject: ['foo', 'bar'],
    render () {},
    created () {
      injected = [this.foo, this.bar]
    }
  }

我的问题是 - 什么是render ()和created () - 函数调用？ 定义？ 别的什么？ 究竟发生了什么？

Answer 1

render和created都是带有函数值的injectedComp对象的属性。 方法简写的语法相当新，由ES2015规范引入。 你可以这样想你的例子：

const injectedComp = {
  inject: ['foo', 'bar'],
  render: function render() {},
  created: function created() {
    injected = [this.foo, this.bar]
  }
}

Answer 2

render ()和created ()是方法定义。

它们几乎是命名函数的简写：

const injectedComp = {
  inject: ['foo', 'bar'],
  render : function render() {},
  created: function created () {
    injected = [this.foo, this.bar]
  }
}

方法定义几乎与函数相同，只是它们不可构造。

因此，您无法为您的示例编写new injectedComp.render() 。