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

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

网站题目：ES6新增语法—let、const、var的区别
网页URL：http://www.shufengxianlan.com/qtweb/news30/496380.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容