美文网首页
第3章 变量的解构赋值

第3章 变量的解构赋值

作者: 张果果 | 来源:发表于2017-03-26 23:34 被阅读8次
  1. 解构:ES6允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构。
  2. 数组的解构赋值:按照位置的对应关系对变量赋值。前提:等号右边的值是可遍历的结构

//完全解构 let [a,b,c]=[1,2,3]; // a=1, b=2, c=3 // 不完全解构 var [d,[e],f]=[1,[2,3],4]; // d=1, e=2, f=4 //允许指定默认值 var [foo="foo"]=[]; // foo="foo" //默认值为表达式时,惰性求值 function f(){ // g能取到值,函数f不会执行 console.log("我不会执行"); } let [g=f()]=["默认值"]; // g="默认值" // 默认值可以引用解构赋值的已经声明的变量 let [h=1,i=h]=[2]; // h=2, i=2

  1. 对象的解构赋值:取与变量同名的属性的值

//对象的解构赋值 var {foo,bar}={ bar:"aaa" , foo:"bbb" }; // foo="bbb", bar="aaa" //真正被赋值的是后者,不是前者 let {foo:baz}={foo:"aaa",bar:"bbb"}; // foo为模式,baz为变量 console.log(baz); // baz="aaa" console.log(foo); // ReferenceError:foo is not defined

  1. 解构赋值的默认值生效的条件:对象的属性值严格等于undefined;
    如果解构失败,则变量的值为undefined
  2. 解构赋值时在模式中不能使用圆括号的情况:
    (1). 变量声明语句中
    (2). 函数参数中
    (3). 不能将整个模式或嵌套模式中的一层放在圆括号中
  3. 可以使用圆括号的情况:赋值语句的非模式部分可以使用圆括号

相关文章

  • 解构赋值

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

  • ES6笔记(解构赋值)

    ES6笔记(解构赋值) 解构赋值 变量的解构: 解构赋值允许指定默认值。 解构赋值必须保证赋值方 被赋值方类型一...

  • 变量的解构赋值

    数组的解构赋值: 解构,就是从数组和对象中提取值,然后对变量进行赋值 解构赋值: 解构不成功,变量的值就等于und...

  • ES6系列之变量的解构赋值

    本篇目录: 数组的解构赋值变量声明并赋值时的解构变量先声明后赋值时的解构不完全解构默认值交换变量解析一个从函数返回...

  • 解构赋值

    解构赋值 数组的解构赋值 嵌套,默认值,展开符 对象的解构赋值 对象解构赋值的本质与简写 对象解构的模式与变量 对...

  • 『ES6脚丫系列』变量的解构赋值

    『ES6脚丫系列』变量的解构赋值 第一章:变量的解构赋值的概念 【01】Q:什么是变量的解构赋值?有哪些方式? 吃...

  • ES6的解构赋值

    一、前言 什么是“解构赋值”呢?就是从数组或者对象中取值,对变量进行赋值,这就是变量的解构赋值。 二、数组的解构赋...

  • 名词

    1 解构: 从数组或对象中提取值,给变量赋值这被称为解构解构赋值的变量都会重新声明解构赋值的规则是,只要等号右边的...

  • 变量的解构赋值 - 字符串、数值、布尔值、函数参数

    一、字符串的解构赋值 二、数值和布尔值的解构赋值 三、函数参数的解构赋值 变量的解构赋值 - 数组篇[https:...

  • Z03_变量的解构赋值

    变量的解构赋值 数组的解构赋值 ES 中从数组和对象之中提取数值,对变量进行赋值,这个过程称为解构 1. 对于 S...

网友评论

      本文标题:第3章 变量的解构赋值

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