跳过函数关键字会抛出语法错误

Question

这个例子不起作用：

var App = React.createClass({
  render() { 
    return (
      <div>
    Hello World  </div>
    )
  }
});

我在客户端把jsx编译成js，浏览器报错，

Uncaught SyntaxError: Unexpected token (

这个例子有效：

    var App = React.createClass({
      render: function() {    
    return (
      <div>
    Hello World  </div>
    )
   }       })

那么，react-router 教程如何在没有 function 关键字的情况下工作？

Answer 1

So, how does react-router tutorial work without function keyword?

这是一个比较新的东西，作为ES6的一部分添加（ECMAScript 6，下一版本"JavaScript."）你可以create methods like that，基本上，ES6中的这段代码：

var obj = {
    foo() {
    }
};

相当于ES5及之前的这段代码：

var obj = {
    foo: function foo() {
    }
};

（Modulo 浏览器围绕命名函数表达式的错误，但没有人再使用 IE8 或 Safari 5，对吧？对吧？）

新语法适用于最新版本的 Firefox 和 Chrome。

也就是说，我怀疑这只是该教程中的一个小错误，因为他们只在几个地方这样做，并且在大多数地方使用旧语法。

Skipping function keyword throws syntax error