JavaScript ES6功能概述(ECMAScript 6和ES2015 +)

JavaScript在过去几年中发生了很大的变化。这些是您今天可以开始使用的12项新功能!

该语言的新增内容称为ECMAScript 6.它也称为ES6或ES2015 +。

自1995年JavaScript构思以来,它一直在缓慢发展。每隔几年就会发生新增事件。 ECMAScript于1997年成立,旨在指导JavaScript的发展方向。它已经发布了ES3,ES5,ES6等版本。

如您所见,ES3,ES5和ES6之间存在10年和6年的差距。此后每年​​进行小幅增量变更。而不是像ES6那样一次做大规模的改变。

JavaScript ES6功能概述(ECMAScript 6和ES2015 +)

所有现代浏览器和环境都支持ES6!

JavaScript ES6功能概述(ECMAScript 6和ES2015 +)

Chrome,MS Edge,Firefox,Safari,Node等等都支持JavaScript ES6的大多数功能。因此,您将在本教程中学习的所有内容都可以立即开始使用。

让我们开始使用ECMAScript 6!

您可以在浏览器控制台上测试所有这些代码段!

块级作用域

使用ES6,我们从使用var声明变量到使用let / const。

var出了什么问题?

var的问题是变量泄漏到其他代码块中,例如for循环或if块。

ES5
var x = 'outer';
function test(inner) {  
  if (inner) {    
    var x = 'inner';// scope whole function    
        return x;
  }  
      return x;// gets redefined because line 4 declaration is hoisted
    }
    test(false);// undefined  

相关推荐