es5与es6的区别

es5和es6对于前端开发来说是经常都会使用的方法，他们为我们开发提供了很多便利的方法和写法，使我们的代码更加的优雅，作为一个新人就让我简单总结一下es5与es6的不同。

1. 变量

首先在变量方面es6为我们提供了let和const这两种新的声明方法，let和const的出现大大的避免了变量污染的问题，因为在es6的语法中，let和const是局部作用域变量声明，应该说他们带来了局部作用域的概念，用let和const声明的变量只会在声明的作用域中起作用，切不可以重复声明，这样可以防止我们在声明变量的时候会造成全局变量污染，也会防止我们声明重复，导致一个变量充当了两个变量使用，并且const声明的变量是只读类型的，意味着我们用const声明的变量只可以作为常量使用，而且这两个声明方法还存在着暂时死区，在es6出来之前我们用var来声明变量的时候会发生与解析即变量提升不复制，虽然没有值但是变量已经存在被定义了，但是const和let却不会，他们声明的变量不会提升，在你声明之前都不会被定义。

2. this指向

es6新增了箭头函数，箭头函数不会改变this的只想，这样我们在调用方法或者执行函数的时候就可以不用担心this指向，也不会为了缓存this而去声明that来执行方法了。

3. 模板字符串，es6提供的模板字符串可以极大为我们使用变量代替内容提供了便利，而es5 还没有模板字符串，所以很多混用都是通过‘’+变量+‘’这个模式完成的

4. es6还提供了解构赋值的功能，并且还支持默认值得使用为我们编写提供了很多的便利

，

es5与es6的区别相关推荐

HTML和HTML5，css和css3的区别,ES5和ES6的区别有那些?
HTML和HTML5的区别: 其实说白了,就是ES5和ES6的区别,无非就是换汤不换药,其实这个说法也不太对,是加了一些调料而已,HTML是前端搭建页面的必须品,但是随着人们开发的需求和速度,后期维护 ...
谈谈ES5和ES6的区别
我们都知道JavaScript是由三部分组成: 1. ECMAScript(核心):规定了语言的组成部分=>语法.类型.语句.关键字.保留字.操作符.对象 2. BOM(浏览器对象模型): 支持 ...
es5和es6的区别、以及es6的新特性
es5和es6的区别系统库的引入 es5:ES5中的引用需要先使用require导入React包,成为对象,再去进行真正引用 es6:ES6里,可以使用import方法来直接实现系统库引用,不需要额 ...
es5 和es6的区别
es5 和es6的区别答题思路: 列出es6的新技术 + 解决了es5中哪些的不足 + 看法通过不同的语法作答准备几个技术点去分析:优化性能缺陷(es6中promice) 自己查es6的更深 ...
你知道ES5 和 ES6 的区别吗?，能说出说几个 ES6 的新增方法吗?
目录 ES5 和 ES6 的区别 ES6 的新增方法 1.新增声明命令 let 和 const 1.1)特点 2.模板字符串(Template String) 3.函数的扩展 3.1)函数的默认参数 ...
常用浏览器内核的了解、ES5和ES6的区别、ES6的更新的笔试题
对浏览器的内核的了解?有哪些内核?(重点6分) 浏览器要渲染出网页给用户看,必须加载html编码和js脚本,渲染引擎渲染页面的UI和js执行引擎操作内存,就是浏览器的的重要组成程序:内核根据不同的浏 ...
es5和es6的区别
最近在看阮一峰的<ECMAScript6入门>,讲真,这本书对初学者真的很有帮助,在这里也推荐给大家.接下来,我要说的一些例子也大多来源于这本书,如果对这本书感兴趣的小伙伴,也可以戳这里哦 ...
前端面试之ES5与ES6的区别
首先我们来看一下ES是什么?全称为ECMAScript,是JavaScript语言的核心,它规定了js的组成部分:语法.类型.语句.关键字.保留字.操作符.对象.下面直奔两者不同: 1. 系统库的引用 ...
ES5和ES6的区别。
ECMAScript5,即ES5,是ECMAScript的第五次修订,于2009年完成标准化ECMAScript6,即ES6,是ECMAScript的第六次修订,于2015年完成,也称ES2015ES ...

es5与es6的区别

es5与es6的区别相关推荐

最新文章

热门文章