首页 > 基础资料 博客日记
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进行投诉反馈,一经查实,立即删除!
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:jacktools123@163.com进行投诉反馈,一经查实,立即删除!
标签: