首页 > 代码库 > javascript => 方法的简写形式
javascript => 方法的简写形式
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 => 方法的简写形式
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。