javascript => 方法的简写形式

本文介绍ES6中箭头函数的语法和用途,包括其如何帮助解决this指向问题。此外,还详细解释了Vue.js中渲染函数的用法及其不同写法之间的等效转换。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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)
    }
}

转载于:https://www.cnblogs.com/guazi/p/6746068.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值