跳过函数关键字会引发语法错误

【问题标题】：Skipping function keyword throws syntax error跳过函数关键字会引发语法错误
【发布时间】：2015-04-30 15:45:30
【问题描述】：

这个例子不起作用：

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 关键字的情况下如何工作？

【问题讨论】：

【解决方案1】：

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

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

var obj = {
    foo() {
    }
};

相当于 ES5 及之前的代码：

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

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

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

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

【讨论】：