ES6 允许使用“箭头”(=>)定义函数。
var f = v => v; //如果函数的内容只有一条语句,可以同时省略{}和return。
// 等同于
var f = function (v) {
return v;
};
//等同于
var f = v=>{return v};
//当然,使用箭头函数也可以不使用return
var f = v=>{console.log(v);}
如果箭头函数不需要参数或需要多个参数,就使用一个圆括号代表参数部分。
var f = () => 5;
// 等同于
var f = function () { return 5 };
var sum = (num1, num2) => num1 + num2;
// 等同于
var sum = function(num1, num2) {
return num1 + num2;
};
如果箭头函数的代码块部分多于一条语句,必须使用大括号将它们括起来
var sum = (num1, num2) => { return num1 + num2; }
扩展:
render:h=>h(App)
等价于:
render:h=>{
return h(App);
}
等价于:
render:function(h){
return h(App);
}
等价于:
render:function(creatElement){
return creatElemnt(App);
}
Vue在调用render方法时,会传入一个createElement函数作为参数,也就是这里的h的实参是createElement函数,然后createElement会以App为参数进行调用,关于createElement函数说明参见:
https://cn.vuejs.org/v2/guide/render-function.html#createElement-参数