ES6特性和语法

ES6或官方名称:ECMAScript2015是一个新的JavaScript实现,可以说是JS开发者大会和会议上最热门的话题。为什么不应该这样:JavaScript统治着网络,并且正在其他任何可能的领域站稳脚跟,无论是机器人技术( nodebots )、桌面应用程序(使用ion framework)、聊天机器人等。 那么,现在让我们开始指出ES6的五大功能: ES6中的默认参数: 实现差异:如果我们提供0作为高度,在ES5中默认为50,但在ES6中,我们将高度变量解析为0。 ES5方式:

null

var newvariable = function (height, name){
var height = height || 50
var name = name || "GeeksForGeeks"
}


ES6方式:

var newvariable = function (height = 50, name = "GeeksForGeeks" ){
}


ES6中的模板文本: 实现更改:在ES6中,我们可以在回勾字符串中使用新语法${NAME},而不是将字符串分成几个部分,使用“+”连接变量以获得整个字符串。 ES5方式:

var first= "Geeks" ;
var second= "forGeeks" ;
var newstring= 'new string is made up of' +first+second;


ES6方式:

var first= "Geeks" ;
var second= "forGeeks" ;
var newstring= 'new string is made up of ${first} ${second}' ;
// change code but same value


ES6中的多行字符串: 另一个美味的语法糖是多行字符串。在ES5中,我们必须使用“+”将位于不同行中的字符串的不同部分连接起来,但在ES6中,我们可以使用反勾号“`”来创建和使用多行字符串。 ES5方式:

var multiline_es5= 'Geeks '
+ 'For '
+ 'Geeks. '


ES6方式:

var multiline_es6= 'Geeks
For
Geeks'


承诺: 承诺一直是一个有争议的话题。有很多promise实现的语法略有不同。q、 蓝鸟,推迟。js、vow、avow、jquery等等。其他人说我们不需要承诺,只需要使用异步、生成器、回调等等。很高兴,ES6中现在有了一个标准的承诺实现!承诺是一种最终产生价值的方法。在任何时候,承诺可以有以下三种状态之一:

  • 承诺尚未兑现:你不知道承诺会带来什么价值。
  • 承诺已解决:承诺返回一个值。
  • 承诺被拒绝:承诺不返回值并发送错误。

承诺是一个新的实现,它们帮助我们避免回调地狱的情况(这在js应用程序中很常见),因为我们不是在满足条件时启动回调函数,而是将函数链接起来。 您还可以通过以下方式理解差异: 回调函数的情况就像盒子里的盒子,我们先打开最外面的盒子,然后打开中间的盒子,然后打开最里面的盒子,而承诺就像爬梯子,梯子上的每一步都与承诺相链接。

© 版权声明
THE END
喜欢就支持一下吧
点赞12 分享