美文网首页
ES6新特性2:变量的解构

ES6新特性2:变量的解构

作者: 泰然自若_750f | 来源:发表于2019-12-19 11:52 被阅读0次


变量的解构:

ES6 允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构(Destructuring);

便于给变量赋初值;

let [a,b,c]=[1,2,3]; 这样实现就可以给a,b,c分别赋值为1,2,3

解构的默认值:

如果解构不成功,变量的值会被解析为undefined

解析对象

变量必须与属性同名,才能取到正确的值

默认值:var{x, y =5} = {x:1};  解构结果:x// 1y// 5(默认值生效的条件是,对象的属性值严格等于undefined。)

注意:等号左边的两个变量的次序,与等号右边两个同名属性的次序不一致,但是对取值完全没有影响。第二个例子的变量没有对应的同名属性,导致取不到值,最后等于undefined。

注意:使用中 如果使用let ,如果代码块中如果已经命名,结构对象里如果和已声明对象重名则会报错

字符串的解构赋值

ES6为字符串添加了遍历器接口,字符串也可以解构赋值。这是因为此时,字符串被转换成了一个类似数组的对象。

相关文章

  • ES6新特性2:变量的解构

    变量的解构: ES6 允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构(Destructuri...

  • ES6在企业中的应用

    模板字符串 解构赋值解构赋值最常用的在于函数。 数组spread es6浅拷贝 函数新特性之箭头函数 函数新特性之...

  • ES6解构赋值的用途

    前言 解构赋值是ES6引入的新特性,这个特性可以方便我们从对象取值,那么有哪些用途呢? 交换变量的值 上面代码交换...

  • 简单叙述ES6的简单特性3

    简单叙述ES6的简单特性2 ES6 允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构 本质上,...

  • ES6

    ES6: ES6 新语法 1.变量 解构赋值 (解构赋值对应的python里的序列解包) 解构赋值方式一: 解构赋...

  • es6中的解构赋值

    es6中的对象解构赋值 对象的解构赋值,新变量名字要和对象中的变量名一致 数组中的解构赋值,数组是依次赋值的 字符...

  • ES6 笔记(常量&&变量)

    ES6 笔记(常量&&变量) 变量&&常量 新特性 ES6 新增了let命令,用来声明变量。它的用法类似于var,...

  • 解构赋值

    解构赋值:ES6 中新增了变量赋值的方式,从数组和对象中提取值,对变量进行赋值。 单独赋值给变量,解构赋值。 解构...

  • 第二章:语法 (2/5) -《你不知道的JavaScript:E

    解构(Destructuring) ES6引入了一个新的语法特性,叫做解构,这可能会和结构化赋值的概念有点混淆。为...

  • JavaScript解构赋值(代码说明ES6数组, 对象, 函数

    解构赋值 es6为我们对变量赋值提供了新的方式. **方式1 : ** 方式2 : **本质是上述匹配属于一种模式...

网友评论

      本文标题:ES6新特性2:变量的解构

      本文链接:https://www.haomeiwen.com/subject/whbynctx.html