剛開始學Vue,再看別人的例子時經常會看到:
render: h => h(App)
或者類似於如下的定義函式變數的方式:
const addRole = (params)=>postAction("/sys/role/add",params);
=> 其實是ES6的箭頭語法
// ES5
(function (h) {
return h(App);
});
// ES6
h => h(App);
具體說明可以看這裡:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Functions/Arrow_functions
具體語法如下:
基礎語法
(引數1, 引數2, …, 引數N) => { 函式宣告 }
//相當於:(引數1, 引數2, …, 引數N) =>{ return 表示式; }
(引數1, 引數2, …, 引數N) => 表示式(單一)
// 當只有一個引數時,圓括號是可選的:
(單一引數) => {函式宣告}
單一引數 => {函式宣告}
// 沒有引數的函式應該寫成一對圓括號。
() => {函式宣告}
高階語法
//加括號的函式體返回物件字面表示式:
引數=> ({foo: bar})
//支援剩餘引數和預設引數
(引數1, 引數2, ...rest) => {函式宣告}
(引數1 = 預設值1,引數2, …, 引數N = 預設值N) => {函式宣告}
//同樣支援引數列表解構
let f = ([a, b] = [1, 2], {x: c} = {x: a + b}) => a + b + c;
f(); // 6
最新評論