<noframes id="7xbfr"><pre id="7xbfr"><output id="7xbfr"></output></pre>

      <big id="7xbfr"><font id="7xbfr"><listing id="7xbfr"></listing></font></big>
        <p id="7xbfr"></p>
        <menuitem id="7xbfr"></menuitem>

          <video id="7xbfr"><mark id="7xbfr"><listing id="7xbfr"></listing></mark></video>
            <form id="7xbfr"></form>

          <delect id="7xbfr"><var id="7xbfr"></var></delect>

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


          黄网站免费 <