ES6語法特性 - ES6 - ECMAScript特性 - Javascript核心

Joyven 發(fā)布于2019-08-19 14:50 / 3053人閱讀

摘要：前三個是為了解決變量聲明定義的問題，而最后一個則影響最大。下文只介紹前三個特性。這是因為的的不支持塊級作用域，變量僅僅被限制到函數(shù)作用域內(nèi)。

原文： http://pij.robinqu.me/JavaScript_Core/ECMAScript/es6/es6_syntax_features.html

源代碼： https://github.com/RobinQu/Programing-In-Javascript/blob/master/chapters/JavaScript_Core/ECMAScript/es6/es6_syntax_features.md

本文需要補充更多例子

本文存在批注，但該網(wǎng)站的Markdown編輯器不支持，所以無法正常展示，請到原文參考。

ES6語法特性

ES6包含了很多萬眾期待的特性支持：

arrow functions

const

let

default function params

rest parameters

call(...)

array(...)

class

computed properties

modules

for...of

Array comprehensions

Generator comprehensions

Iterators

yield

Template Strings

block-level declaration

destructing

promoise

里面眾多的特性都是讓Javascript看起來更規(guī)范的好東西，但是大部分都沒有被廣泛支持。我們僅介紹其中已經(jīng)至少被一種瀏覽器和node --harmony下支持的。

在寫這篇文章的時候，有如下特性是較為廣泛支持的：

let¹

const²

Block-delvel declaration

for-of

yield

對，就這么多了。前三個是為了解決變量聲明、定義的問題，而最后一個則影響最大。會在多帶帶篇幅中介紹。下文只介紹前三個特性。

let和block-level declaration

var is scoped to the nearest function block (or global if outside a function block)

let is scoped to the nearest enclosing block (or global if outside any block),

很多文獻、書籍都建議將for循環(huán)的起始變量i、len等放置到函數(shù)作用于的頂部聲明，以避免后續(xù)變量持續(xù)存在所造成的迷惑。

function() {
    for(var i=0,len=5;i 5,5
}

這是因為ES5的Javascript的不支持塊級作用域，變量僅僅被限制到函數(shù)作用域內(nèi)。

注意在node中，你需要同時加入--harmony和--use-strict來啟動，才會支持let。否則會報錯： SyntaxError: Illegal let declaration outside extended mode。

在ES6內(nèi)，可以通過let來定義塊級作用域的變量：

function() {
    for(let i=0,len=5;i

最后一個，函數(shù)定義的作用域問題：

function f() { console.log("I am outside!"); }
(function () {
  if(false) {
    // What should happen with this redeclaration?
    function f() { console.log("I am inside!"); }
  }

  f();
}());


如上代碼，在ES5時代，每個瀏覽器都會得出不同的結(jié)果。但是ES6中，函數(shù)定義只在塊級作用域內(nèi)有效，結(jié)果很明確。

const關(guān)鍵字

const關(guān)鍵字定義一個塊級作用域的常量變量。

const a = "You shall remain constant!";

// SyntaxError: Assignment to constant variable
a = "I wanna be free!";


yield

yield后面有一連串有關(guān)Generator和Iterator的內(nèi)容，會在另外一片文章內(nèi)詳細(xì)介紹： Javascript Generator。





https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/let??



https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/const??


           
               
                                           
                       
                 
            
                     
                 
                                                                                                                    
                         云服務(wù)器
                                             
                         GPU云服務(wù)器
                                                                                                                                                 
                                      
                     
                    
                                                                                               es6新特性
                                                                                                           es6的新特性
                                                                                                           語法特性
                                                                                                           javascript特性
                                                         
                 
               
              
             
               
                    文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
                 
                   轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/78134.html
               
                      
               
                 
                                  上一篇：ES6語法特性 - ES6 - ECMAScript特性 - Javascript核心  
                                                
                                       下一篇：ES6語法特性 - ES6 - ECMAScript特性 - Javascript核心