美文网首页前端基础知识记录
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 -- 变量的解构赋值

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