大前端之路-快速入门es6语法

本文主要是介绍大前端之路-快速入门es6语法，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

这篇文章解决什么问题？适合哪类人群阅读？

适合有一定其他语言开发经验（尤其是java经验） 准备入门前端开发的 码农。重点解决刚参与业务开发时，es5和es6语法傻傻分不清楚， 经常碰到因为语法问题而导致看不懂代码，看懂了修改结果却埋坑的问题。

起码读完这篇文章，你在使用vue的时候不会有太多的语法疑惑了。

反人类的js 变量提升

先看看var 这东西有多坑吧，从其他语言转过来的人应该会觉得很不可思议

在es6中有个let关键字就可以解决上述的变量提升问题了

es6中还有个const关键字 这个就和java中的final 关键字是一样的。定义了就不可以修改值了。比较简单 这里就不再多讲了。

我这里的理解就是 最好还是多用let和const，var 有时候真的不太靠谱，比较容易有歧义 不好理解。

反人类的函数默认值

es5 的函数默认值写法

es6就好很多了，比java都好，一眼看上去就是言简意赅

可以偷懒的无命名参数写法

可以偷懒的展开运算符

立即执行函数

这又是一个java转js的理解不了的东西了。

有人肯定要问，这个立即执行函数 到底有什么卵用？ 我先定义了再执行不行吗？一定要规定一下 这么奇葩的语法？搞个什么立即执行函数？

其实这个立即执行函数主要就是为了创建一个独立的作用域。

在es6中 立即执行函数的写法变得简单了一些，因为有箭头函数了

对象方法简写

函数解构

这里是java出身的人没见过的特性

js中的异步编程

这里是其他语言转js的过程中最不好理解的。基本上主流语言都有对多线程的支持。好一点的甚至还有协程。 但是在js中，这些统统没有。 要转变好一些观念才好理解js中的所谓异步编程。

JavaScript引擎中，只有一个主线程，当执行JavaScript代码块时，不允许其他代码块执行，而事件机制和回调机制的代码块会被添加到任务队列中，当符合某个触发回调或者事件的时候，就会执行该事件或者回调函数。

es6中使用最多的promise函数

Promise实例只能通过resolve或者reject函数来返回，并且使用then()或者catch()获取，不能在new Promise里面直接return，这样是获取不到Promise返回值的。

这里要注意 Promise本身不是异步的，只有他的then()或者catch()方法才是异步，也可以说Promise的返回值是异步的。通常Promise被使用在node，或者是前端的ajax请求、前端DOM渲染顺序等地方。

创建个数组都这么令人困惑？

js创建这个类这么麻烦的吗？

甚至还有我们javaer 最喜欢的get和set

这里使用起来其实有点像kotlin中的语法

这里有兴趣的同学可以具体差一下es6中class的写法，和java非常非常像 。

这篇关于大前端之路-快速入门es6语法的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！