es6的變量解構賦值很方便，那具體有哪些用途呢？

1、變換變量的值

let n = 10; let m = 20;[n, m] = [m, n]

這樣n , m 的值 會互換， 即：n = 20, m = 10, 這種寫法簡潔，易讀，語義清晰。

2、從函數返回多個值

函數只能返回一個值，如果要返回多個值，只能將它們放在數組或者對象里返回，有了解構賦值，取出這些值就非常方便。

// 返回一個數組 function example() {return [1, 2, 3] }let [a, b, c] = example()// 返回一個對象 function example() {return {foo: 1, bar: 2} }let {foo, bar} = example()

3、函數參數的定義

解構賦值可以方便地將一組參數與變量名對應起來

// 參數是一組有次序的值 function f([x, y, z]) {return x + y + z; } f([1, 2, 3])// 參數是一組無次序的值 function f({x, y, z}) {return x + y + z; } f(z: 3, x: 1, y: 2)

4、提取JSON數據

解構賦值對提取JSON對象的數據，尤其有用

let jsonData = {id: 42,status: 'OK',data: [123, 456] }let {id, status, data: number} = jsonData;console.log(id, status, number) // 42, 'OK', [123, 456]

可以快速提取JSON數據的值

5、函數參數的默認值

jQuery.ajax = function (url, {async = true,beforeSend = function() {},cache = true,complete = function() {},crossDomain = false,global = true }) {}

?6、遍歷Map 結構

const map = new Map() map.set('first', 'hello') map.set('second', 'world') for (let [key, value] of map) {console.log(key + ' is ' + value; }

// 只獲取鍵名
for (let [key] of map) {}

// 只獲取值
for (let [,value] of map) {}

7、 輸入模塊的指定方法

加載模塊時，往往需要指定輸入哪些方法。解構賦值使得輸入語句非常清晰

const {SourceMapConsumer, SourceNode} = require('source-map')// vue中使用解構賦值取vuex的方法 import {mapActions, mapState} from 'vuex'

?

轉載于:https://www.cnblogs.com/garfieldzhong/p/8046626.html

總結

以上是生活随笔為你收集整理的es6 函数解构的用途的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。