首頁>技術>

剛開始學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

最新評論
  • BSA-TRITC(10mg/ml) TRITC-BSA 牛血清白蛋白改性標記羅丹明
  • 全棧很屌?什麼是全棧工程師