javascript => 方法的简写形式

标签：div   segment   好的   例子   his   app   9.png   idg   com   

https://segmentfault.com/a/1190000002904199

=> 是function的简写形式，支持expression 和 statement 两种形式。同时一点很重要的是它拥有词法作用域的this值，帮你很好的解决this的指向问题，这是一个很酷的方式，可以帮你减少一些代码的编写，先来看看它的语法。

([param] [, param]) => {
   statements
}

param => expression

然后再来看看例子，以及babel 编译后的结果。

ES6:

babel编译后结果：

vue中也有这样的使用：

https://segmentfault.com/q/1010000007826464/a-1020000007826570

render函数是渲染一个视图，然后提供给el挂载，如果你没有加那么就等于没有视图给el挂载，自然什么都没有了。
另外

{
    render: h => h(App)
}

等价于

{
    render: h => {
        return h(App)
    }
}

其实只是简写的方式。如果不涉及使用this的话下面这个也是等价的

{
    render: function (h) {
        return h(App)
    }
}

javascript => 方法的简写形式

标签：div   segment   好的   例子   his   app   9.png   idg   com   

原文地址：http://www.cnblogs.com/guazi/p/6746068.html