会员登录 - 用户注册 - 设为首页 - 加入收藏 - 网站地图 ES6新增语法—let、const、var的区别!

ES6新增语法—let、const、var的区别

时间:2025-11-04 00:12:52 来源:益强数据堂 作者:IT科技类资讯 阅读:898次

ES6简介

ES6是新增ECMAScript 6.0的简称,是语法javascript语言的下一代标准,已经在2015年6月正式发布上线。区别目的新增就是为了统一javascript的语法标准,可以用来开发大型应用程序,语法称为企业级开发语言。区别

ES6与JavaScript的新增关系:

ES6是JavaScript的规范标准,JavaScript是语法ES6的一种实现。

变量/赋值

块级作用域{}

ES5中作用域有:全局作用域、区别函数作用域,新增没有块作用域的语法概念。ES6新增了块级作用域,区别块作用域由{}包括,新增if语句里面的语法{}也属于块级作用域。云服务器

//通过定义的区别变量可以跨块作用域访问到

//通过定义的变量可以跨块作用域访问到 {   var a = 12;   console.log("a",a) } console.log("a",a) //通过var定义的变量不能通过跨函数作用域访问到 (function(){   var b = 5; })() console.log("b",b) // not defined 

 var 与let和const区别:

const定义的对象属性是否可以改变?

实例:修改对象的属性值。

const per = {   name:倩倩 } per.name = "我是嘻哈" console.log("per.name",per.name) //打印出我是嘻哈 

通过上个实例,我们发现对象的属性是可以修改的,这是什么原因呢?

对象是引用类型的,per中保存的仅是对象的指针,意味着指针不会发生改变,修改对象的属性不会改变对象的指针,所以是亿华云允许修改的。

赋值:新增解构赋值,就是对数据拆解并赋值。解构赋值的两个规则:

左右两边模式必须一致

必须让定义和赋值同步完成。

实例:正确的结构赋值

let [a,b,c] = [1,2,3] console.log("a",a)//1 console.log("b",b)//2 console.log("c",c)//3 

实例:左右两边模式一致,数据长短不同时

let [bar, foo] = [1]; console.log("bar",bar)//1 console.log("foo",foo) // undefined 

上述解构不成功,变量值等于undefined。

注意:对象也是可以解构的,但是需要注意的是对象和数组的解构有很大的区别,对象的属性没有次序,变量必须与属性同名,才能取到正确的值。

let { bar,foo } = {   foo:aaa,   bar:bbb } console.log(bar,bar) console.log(foo,foo) console.log(baz,baz) // not defined 

(责任编辑:系统运维)

推荐内容
  • 电脑小白入门教程(联想电脑操作指南,帮助新手迅速上手)
  • 运维工作太忙?一文详解Ansible自动化运维,轻松提升工作效率(下)!
  • 面试题-磁盘管理体系有哪些是你需要掌握的?
  • 不懂监控,何谈运维!万字Zabbix企业级实战手册(上)!
  • 常见的电脑设置错误及解决方法(避免电脑设置错误的关键注意事项)
  • Python那些不为人知的实用功能和特点!