美文网首页前端基础知识记录
ES6 -- 变量的解构赋值

ES6 -- 变量的解构赋值

作者: Alee文润 | 来源:发表于2017-12-19 22:18 被阅读1次

解构赋值的应用:

1、变量交换

var x = 1
var y = 2
var [x, y] = [2, 1]

2、函数值返回

function f() {
  return [1, 2]
}

3、Json 对象获取

obj = {
  a:  'a',
  b: [1, 2, 3],
  c: {
    a: '1',
    b: '2'  
  }
}
var {a, b, c} = obj

4、函数参数的默认设置

Jquery.ajax = function (url,{
  async = true,
  beforeSend = function () {},
  cache = true,
  complete = function () {},
  crossDomain  = fase,
  global = true
}) {
  // ... do somthing
}

5、遍历Map 结构

const map = new Map()
map.set('first', 'hello')
map.set('second', 'world')
for(let [key, value] of map) {
  console.log(key + "is" + value)
}

可以只取键值名,或者只去键值

for (let [key] of map) {}
for(let [,value] of map) {}

6、输入模块的制定方法

const { SourceMapConsumer, SourceNode} = require("source-map")

7、参数的定义

// 参数为有次序的值
function f([x,y,x]){}
f([1,2,3])
// 参数为无序的值
function f({x,y,z}){}
f({x:1,y:2,z:3})

相关文章

  • 解构赋值

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

  • ES6

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

  • ES6笔记(解构赋值)

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

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

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

  • ES6知识点复习(二)

    变量的解构赋值 解构赋值允许指定默认值,es6内部使用严格相等运算符 === 默认值可以引用解构赋值的其他变量,但...

  • es6中的解构赋值

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

  • ES6入门笔记

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

  • ES6学习笔记——解构赋值

    变量的结构赋值 数组的解构赋值 ES6允许从数组中提取值,按照对应的位置,对变量赋值。 如果解构不成功,变量的值就...

  • 杂货小铺之ES6+ 🍳 解构赋值

    解构赋值 ? 在 ES6 中新增了变量赋值的方式:解构赋值。允许按照一定模式,从数组和对象中提取值,对变量进行赋值...

  • 26

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

网友评论

    本文标题:ES6 -- 变量的解构赋值

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