十四. ES6-变量解构赋值

1. 什么是“变量解构赋值”？

ES6云秀安好一定模式从数组和对象中提取值，对变量进行赋值。这就被称为解构赋值

（1）数组

// 数组变量解构赋值
const a = ['齐','天','大','圣']
const [b,c,d,e] = a;
console.log(a)
console.log(b)
console.log(c)
console.log(d)

（2）对象

const a = {name: '小明',age: 18,commit(){console.log("八嘎~")}
}
const {commit} = a;
const {name} = a;
console.log(name);
commit();

控制台打印：
小名
八嘎~

2. 实战举例

尚硅谷课程——商品汇19集

const actions = {// async categoryList({commit}){//     let result = await reqCategoryList();//     if(result.code == 200) {//         commit("CATEGORYLIST",result.data)//     }// }async categoryList(context){let result = await reqCategoryList();if(result.code == 200) {context.commit("CATEGORYLIST",result.data)}}
}

前后注释了的代码和没注释的代码是一个意思
Actions环节的第一个参数是一个迷你型的store对象，里面有个方法——commit

十四. ES6-变量解构赋值相关推荐

ECMAScript6学习笔记 ——let、const、变量解构赋值
let 不存在变量提升通过let声明的变量仅在块级作用域内有效不允许在同一个作用域内重复声明一个变量防止值公用 var oUl = document.querySelectorAll('ul&g ...
ES6 的解构赋值前每次都创建一个对象吗？会加重 GC 的负担吗？
本文来源于知乎上的一个提问. 为了程序的易读性,我们会使用 ES6 的解构赋值: function f({a,b}){} f({a:1,b:2}); 这个例子的函数调用中,会真的产生一个对象吗?如果会 ...
ES6常用解构赋值有哪几种？
ES6常用解构赋值有哪几种? a.数组的解构赋值 //数组解析赋值,模式匹配 {let [a, b, c] = [1, 2, 3];console.log("模式匹配");cons ...
ES6学习（变量解构赋值）
解构赋值含义:允许按照一定模式,从数组和对象中提取值,对变量进行赋值,只要等号两边的模式相同,左边的变量就会被赋予对应的值 1.数组解构赋值右侧必须是一个数组 let [a, b, c] = [1, ...
ES6语法~解构赋值、箭头函数、class类继承及属性方法、map、set、symbol、rest、new.target、 Object.entries......
2015年6月17日 ECMAScript 6发布正式版本前面介绍基本语法, 后面为class用法及属性方法.set.symbol.rest等语法. 一.基本语法: 1. 定义变 ...
es6学习 -- 解构赋值
ES6 允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构(Destructuring). 以前,为变量赋值,只能直接指定值. let a = 1; let b = 2; let c ...
ES6中解构赋值深入解读
ES6 允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构 1.数组的解构赋值 let [head, ...tail] = [1, 2, 3, 4]; head // 1 tail ...
ES6语法---解构赋值
解构赋值概念按照一定的模式,从数组和对象中提取值,对变量进行赋值,就被称为解构. 目的是为了提高效率,使用起来更加方便. 以下的各个说明,我会类比着ES5去解释,希望能帮到小伙伴们. 数组解构正常 ...
前端面试不用怕！一分钟带你了解es6的解构赋值
解构赋值(★★★)!!!!! ES6中允许从数组中提取值,按照对应位置,对变量赋值,对象也可以实现解构 <script>var stus=['李钟硕','刘诗诗','易烊千玺']//访问数 ...

十四. ES6-变量解构赋值

1. 什么是“变量解构赋值”？

（1）数组

（2）对象

2. 实战举例

十四. ES6-变量解构赋值相关推荐

最新文章

热门文章