<dd id="t699n"></dd>

  • <em id="t699n"></em>

    1. <dd id="t699n"></dd>

      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*() {}
        },
      });


      黄网站免费 <