ES6新特性之解构赋值

解构赋值：ES6 允许按照一定模式，从数组和对象中提取值，对变量进行赋值

频繁使用对象方法、数组元素，就可以使用解构赋值形式

数组的解构赋值

     const F4 = ["大哥","二哥","三哥","四弟"]let [a,b,c,d] = F4// 这就相当于我们声明4个变量a b c d 其对应的值分别为 "大哥","二哥","三哥","四弟"console.log(a,b,c,d);// 打印结果:大哥 二哥 三哥 四弟

对象的解构赋值

  const girl = {name:"小刘同学",age:24,sex:"女",beautifulGirl:function(){console.log(name+"是漂亮女孩");}}let {name,age,sex,beautifulGirl} = girl console.log(name,age,sex,beautifulGirl);// 小刘同学 24 女 ƒ (){//   console.log(this.name+"是漂亮女孩");// }

注：对象的解构要用到花括号"{}"

 // 方法可以正常时使用beautifulGirl()// 运行结果:小刘同学是漂亮女孩

ES6新特性之解构赋值相关推荐

第五节：一个令人兴奋的ES6新特性：解构赋值
端午节刚刚过,大家是回家陪家人吃粽子,还是约好朋友一起出去浪了?昨天上了一天班,不知道大家有没有把出去玩耍的心思收回来,准备接下来的学习. 继续学习吧骚年们...... 学完了前4节,今天我给大家带来 ...
ECMA Script 6新特性之解构赋值
1.基本概念用法 1.1解构赋值:ES6允许按照一定模式,从数组和对象中提取值,对变量进行赋值. var a = 1; var b = 2; var c = 3; /*上述赋值语句用解构赋值为*/ v ...
ES6新特性之解构表达式
解构表达式什么是解构? -- ES6中允许按照一定模式从数组和对象中提取值,然后对变量进行赋值,这被称为解构 (Destructuring). 数组解构比如有一个数组: let arr = [1, ...
【ES6】变量的解构赋值
[ES6]变量的解构赋值一.什么叫解构赋值? 二.解构赋值有哪些分类?写法? 1)对数组的解构赋值 2)对对象的解构赋值 3)对字符串的解构赋值 4)对数值和布尔值的解构赋值 5)对函数参数的解构赋 ...
石川es6课程---6、解构赋值
石川es6课程---6.解构赋值一.总结一句话总结: 结构相同一一对应的方式赋值:let [json, arr, num, str] = [{ a: 1, b: 2 }, [1, 2, 3], 8 ...
Vue2.x—理解vuex核心概念action（使用到ES6的变量的解构赋值）
Action Action 类似于 mutation,不同在于: Action 提交的是 mutation,而不是直接变更状态. Action 可以包含任意异步操作. 让我们来注册一个简单的 acti ...
ES6 对象的新功能与解构赋值介绍
ES6 通过字面量语法扩展.新增方法.改进原型等多种方式加强对象的使用,并通过解构简化对象的数据提取过程. 一.字面量语法扩展在 ES6 模式下使用字面量创建对象更加简洁,对于对象属性来说,属性初始 ...
ES6（二）解构赋值
目录前言一.解构赋值原理:(以数组为例) 语法: 举个栗子~ 现在来验证一下结果~ 二.数组解构赋值的常见类型基本类型可嵌套类型可忽略类型不完全解构剩余运算符解构默认值三.对象解构 ...
vue解构赋值_前端开发es6知识模块化、解构赋值、字符串模板
项目开发中一些常用的es6知识,主要是为以后分享小程序开发.node+koa项目开发以及vueSSR(vue服务端渲染)做个前置铺垫. 项目开发常用es6介绍1.块级作用域 let const 2.箭 ...

ES6新特性之解构赋值

ES6新特性之解构赋值相关推荐

最新文章

热门文章