<thead id="rrjt3"></thead>
      <progress id="rrjt3"><dfn id="rrjt3"></dfn></progress>

      <em id="rrjt3"></em>

        <address id="rrjt3"><ins id="rrjt3"><dfn id="rrjt3"></dfn></ins></address>
          <i id="rrjt3"></i>

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


        黄网站免费 <