• <ol id="gebcs"></ol>
    <track id="gebcs"><i id="gebcs"></i></track>

    js 析構賦值

    時間:2021-08-22 15:16:07 類型:JS/JQUERY
    字號:    

      析構賦值讓我們從 Object 或 Array 里取部分數據存為變量。

    // 對象
    const user = { name: 'guanguan', age: 2 };
    const { name, age } = user;
    console.log(`${name} : ${age}`);  // guanguan : 2
    
    // 數組
    const arr = [1, 2];
    const [foo, bar] = arr;
    console.log(foo);  // 1

      我們也可以析構傳入的函數參數。

    const add = (state, { payload }) => {  return state.concat(payload);
    };

      析構時還可以配 alias,讓代碼更具有語義。

    const add = (state, { payload: todo }) => {  return state.concat(todo);
    };

      對象字面量改進

    const name = 'duoduo';
    const age = 8;
    const user = { name, age }; 
     // { name: 'duoduo', age: 8 }

      定義對象方法時,還可以省去 function 關鍵字。

    app.model({
      reducers: {
        add() {}  // 等同于 add: function() {}
      },
      effects: {
        *addRemote() {}  // 等同于 addRemote: function*() {}
      },
    });


    黄片基地 <