https://blog.csdn.net/xiao_xiao_o/article/details/118497607 這是es6中對象的解構賦值。 1. es6中數組的解構賦值： let [a,b,c] = [1,2,3]; a //1 b //2 c //3 let [foo, [[bar], baz]] = [1, [[2], 3]]; foo // 1 bar // 2 baz // 3 let [ , , third] = ["foo", "bar", "baz"]; third // "baz" let [x, , y] = [1, 2, 3]; x // 1 y // 3 let [head, ...tail] = [1, 2, 3, 4]; head // 1 tail // [2, 3, 4] let [x, y, ...z] = ['a']; x // "a" y // undefined z // [] 如果解構不成功，變量的值就是undefined 2. 對象的解構賦值 對象的解構與數組有一個重要的不同。數組的元素是按次序排列的，變量的取值由它的位置決定；而對象的屬性沒有次序，變量必須與屬性同名，才能取到正確的值。 let { bar, foo } = { foo: 'aaa', bar: 'bbb' }; foo // "aaa" bar // "bbb" let { baz } = { foo: 'aaa', bar: 'bbb' }; baz // undefined const {data:res} = await this.$http.post(‘login‘, this.loginForm) 不進行簡寫，全部寫出來如下： const result = await loin(XXX); const data = result.data; const res = data; 解析如下： const{data} = await login(XXX) 就是es6中的解構賦值，將login(XXX)的data屬性取出來。 const {data:res} = await login(XXX)就是將data重命名為res。 ———————————————— 版權聲明：本文為CSDN博主「xiao_xiao_o」的原創文章，遵循CC 4.0 BY-SA版權協議，轉載請附上原文出處鏈接及本聲明。 原文鏈接：https://blog.csdn.net/xiao_xiao_o/article/details/118497607