Blogger Information
Blog 1
fans 0
comment 0
visits 616
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
【ES6】var、let、const三者的区别
核桃仁
Original
616 people have browsed it

首先,一个常见的问题是,ECMAScript 和 JavaScript 到底是什么关系?

ECMAScript是一个国际通过的标准化脚本语言。JavaScript由ECMAScript和DOM、BOM三者组成。可以简单理解为:ECMAScript是JavaScript的语言规范,JavaScript是ECMAScript的实现和扩展。

2011 年,ECMAScript 5.1 版发布。之前我们大部分人用的也就是ES5

2015 年 6 月,ECMAScript 6 正式通过,成为国际标准。

1. 块级作用域 {}

ES5 中作用域有:全局作用域、函数作用域。没有块作用域的概念。

ES6 中新增了块级作用域。块作用域由 { } 包括,if语句和 for语句里面的{ }也属于块作用域。

2. var、let、const的区别

  1. var定义的变量,没有块的概念,可以跨块访问, 不能跨函数访问。

  2. let定义的变量,只能在块作用域里访问,不能跨块访问,也不能跨函数访问。

  3. const用来定义常量,使用时必须初始化(即必须赋值),只能在块作用域里访问,而且不能修改。

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

这是今天面试的时候碰到的一个问题,上面说到 const 是不能修改的,于是很痛快的说不能,但是回来实际测试后发现错了,在此记录一下。

const person = { name : 'jiuke', sex : '男' } person.name = 'test' console.log(person.name)

运行上述代码,发现person对象的name属性确实被修改了,这是怎么回事呢?

因为对象是引用类型的,person中保存的仅是对象的指针,这就意味着,const仅保证指针不发生改变,修改对象的属性不会改变对象的指针,所以是被允许的。也就是说const定义的引用类型只要指针不发生改变,其他的不论如何改变都是允许的。

然后我们试着修改一下指针,让person指向一个新对象,果然报错

const person = { name : 'jiuke', sex : '男'}person = { name : 'test', sex : '男'}
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply withNews Comment Service Agreement
0 comments
Author's latest blog post
About us Disclaimer Sitemap
php.cn:Public welfare online PHP training,Help PHP learners grow quickly!