前言
es6的語法已經出了很長的時間了，在使用上也可以通過babel這類的編譯工具轉譯為瀏覽器可以識別的es5的語法，但是依舊有很多開發在寫代碼的時候，依舊沒有用es6的語法，而是習慣使用老的語法，這篇文章主要會介紹解構賦值基本用法以及在實際使用場景中相比es5語法的優勢，讓大家從根本上了解es6語法的優勢
下面話不多說了，來一起看看詳細的介紹吧
基本用法
數組解構
讓我們一起先來看數組解構的基本用法：
let [a, b, c] = [1, 2, 3] // a=1, b=2, c=3let [d, [e], f] = [1, [2], 3] // 嵌套數組解構 d=1, e=2, f=3let [g, ...h] = [1, 2, 3] // 數組拆分 g=1, h=[2, 3]let [i,,j] = [1, 2, 3] // 不連續解構 i=1, j=3let [k,l] = [1, 2, 3] // 不完全解構 k=1, l=2
上面的例子包含了數組解構時常用的基本用法
對象解構
接下來再讓我們一起看看對象解構的基本用法：
let {a, b} = {a: 'aaaa', b: 'bbbb'} // a='aaaa' b='bbbb'let obj = {d: 'aaaa', e: {f: 'bbbb'}}let {d, e:{f}} = obj // 嵌套解構 d='aaaa' f='bbbb'let g;(g = {g: 'aaaa'}) // 以聲明變量解構 g='aaaa'let [h, i, j, k] = 'nice' // 字符串解構 h='n' i='i' j='c' k='e'使用場景
變量賦值
我們先來看最基本的使用場景：變量賦值，先來看我們在平時開發中是怎么使用es5對變量賦值的：
var data = {userName: 'aaaa', password: 123456}var userName = data.userNamevar password = data.passwordconsole.log(userName)console.log(password)var data1 = ['aaaa', 123456]var userName1 = data1[0]var password1 = data1[1]console.log(userName1)console.log(password1)上面兩個例子是最簡單的例子，用傳統es5變量賦值，然后調用，這么寫的問題就是顯得代碼 主站蜘蛛池模板： 始兴县| 白山市| 仪陇县| 辽中县| 罗定市| 毕节市| 清新县| 西乌| 康马县| 庄河市| 翁源县| 金昌市| 华亭县| 壶关县| 哈尔滨市| 田阳县| 婺源县| 通化县| 玛纳斯县| 西丰县| 长治市| 思南县| 枣强县| 肥乡县| 安庆市| 昆明市| 叙永县| 城市| 绥化市| 海阳市| 无为县| 祁东县| 柘城县| 辉县市| 商河县| 峨山| 西峡县| 日喀则市| 桐庐县| 乌兰察布市| 丰台区|