首页 > 基础资料 博客日记

javascript高级语法之八:ES6(数组和对象的解构,let和const,,块级作用域,模版字符串,函数增强用法)

2023-08-06 16:40:00基础资料围观206

本篇文章分享javascript高级语法之八:ES6(数组和对象的解构,let和const,,块级作用域,模版字符串,函数增强用法),对你有帮助的话记得收藏一下,看Java资料网收获更多编程知识

javascript高级语法之八:ES6

1.数组和对象的解构

ES6新增了一个从数组或对象中方便获取数据的方法,称之为结构

  解构赋值 :特殊的语法,它使我们可以将数组或者对象 “ 拆包 ” 至一系列变量中

  

    <script>
        // 数组的解构
        var names = ['abc','cbd','nba',undefined]
        // 旧方法
        var name1 = names[0]
        var name2 = names[1]
        var name3 = names[2]
        // 数组解构 : ES6的新方法 
        var [name1,name2,name3] = names

        // 1,数组是有严格的顺序的 : 我只想要第一和第三,要一个逗号
        var [name1,,name3] = names

        // 2,解构出独立出来的数组 【name1 是元素 newNames是数组】
        var [name1,...newNames] = names

        // 3:解构的默认值 :如果有一个是undefined,那么我要给他一个默认值
        var [name1,name2,name3,name4 = "default"] = names

        // 对象解构
        var obj = {
            name: "yjx",
            age: 18,
            height: 1.88
        }
        // 旧方法
        var name = obj.name 
        var age = obj.age 
        var height = obj.height 
        // 对象解构 :ES6的新方法
        var {name,age,height} = obj

        // 1.顺序问题 : 对象的解构是没有顺序的,根据key来解构的
        var {height,age,name} = obj

        // 2.重命名key 
        var {height:yjxheight,age,name} = obj
        console.log(yjxheight) //1.88

        // 3.默认值
        var {height:yjxheight = "地址",age,name} = obj

        // 4.独立出来
        var {height,...objs} = obj
        console.log(objs) //{name: 'yjx', age: 18}
    </script>

 

2.let,const和var的区别

  let和var没有太大区别,都是用于声明一个变量

  const :表示保存的数据一旦被赋值,就不能被修改【如果赋值的是引用类型,那么可以通过引用找到对应的对象,修改对象的内容

  let 和 const 不能重复声明同一个变量

  let,const 和 var 重要的区别 : 作用域提升 【如果我们使用let声明的变量,在声明之前访问会报错】

  var 定义的变量会默认添加到window [const,let不会]

3.块级作用域

  let const function class 声明的标识符,是具备块级作用域的限制的

  我们发现函数拥有块级作用域,但是外面依然可以访问 - 这是因为引擎会对函数的声明进行特殊的处理,允许像var一样在外界直接访问

 

4.模版字符串

 


文章来源:https://www.cnblogs.com/qd-lbxx/p/16528892.html
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:jacktools123@163.com进行投诉反馈,一经查实,立即删除!

标签:

相关文章

本站推荐

标签云