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

Joyven 发布于2019-08-19 14:50 / 3000人阅读

摘要：前三个是为了解决变量声明定义的问题，而最后一个则影响最大。下文只介绍前三个特性。这是因为的的不支持块级作用域，变量仅仅被限制到函数作用域内。

原文： 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

本文需要补充更多例子

本文存在批注，但该网站的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看起来更规范的好东西，但是大部分都没有被广泛支持。我们仅介绍其中已经至少被一种浏览器和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循环的起始变量i、len等放置到函数作用于的顶部声明，以避免后续变量持续存在所造成的迷惑。

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

这是因为ES5的Javascript的不支持块级作用域，变量仅仅被限制到函数作用域内。

注意在node中，你需要同时加入--harmony和--use-strict来启动，才会支持let。否则会报错： SyntaxError: Illegal let declaration outside extended mode。

在ES6内，可以通过let来定义块级作用域的变量：

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

最后一个，函数定义的作用域问题：

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时代，每个浏览器都会得出不同的结果。但是ES6中，函数定义只在块级作用域内有效，结果很明确。

const关键字

const关键字定义一个块级作用域的常量变量。

const a = "You shall remain constant!";

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


yield

yield后面有一连串有关Generator和Iterator的内容，会在另外一片文章内详细介绍： 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 ↩


           
               
                                           
                       
                 
            
                     
                 
                                                                                                                    
                         GPU云服务器
                                             
                         云服务器
                                                                                                                                                 
                                      
                     
                    
                                                                                               es6新特性
                                                                                                           es6的新特性
                                                                                                           语法特性
                                                                                                           javascript特性
                                                         
                 
               
              
             
               
                    文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。
                 
                   转载请注明本文地址：https://www.ucloud.cn/yun/78134.html
               
                      
               
                 
                                  上一篇：ES6语法特性 - ES6 - ECMAScript特性 - Javascript核心  
                                                
                                       下一篇：ES6语法特性 - ES6 - ECMAScript特性 - Javascript核心

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

摘要：前三个是为了解决变量声明定义的问题，而最后一个则影响最大。下文只介绍前三个特性。这是因为的的不支持块级作用域，变量仅仅被限制到函数作用域内。原文： http://pij.robinqu.me/JavaScript_Core/ECMAScript/es6/es6_syntax_features.html 源代码： https://github.com/RobinQu/P...

StonePanda 2019-08-19 14:50 评论0 收藏0
ES6语法特性 - ES6 - ECMAScript特性 - Javascript核心

摘要：前三个是为了解决变量声明定义的问题，而最后一个则影响最大。下文只介绍前三个特性。这是因为的的不支持块级作用域，变量仅仅被限制到函数作用域内。原文： http://pij.robinqu.me/JavaScript_Core/ECMAScript/es6/es6_syntax_features.html 源代码： https://github.com/RobinQu/P...

jas0n 2019-08-19 14:50 评论0 收藏0
ES6特性概述 - ES6 - ECMAScript特性 - Javascript核心

摘要：特性概述比较新特性更多。之后后分篇描述目前已经比较成熟的语法特性例如和。同上，但返回该元素的索引号。和对象的属性行为一致。不将参数强制转行为。判断是否为在范围内的正整数。不少层面的特性可以通过进行兼容性支持。原文： http://pij.robinqu.me/JavaScript_Core/ECMAScript/es6/es6_api_extension.html 源...

Ali_ 2019-08-19 14:50 评论0 收藏0
ES6-前世今生（0）

摘要：更新了个版本，最新正式版是语言的下一代标准，早已在年月正式发布。基本不支持移动端浏览器对的支持情况版起便可以支持的新特性。比较通用的工具方案有，，，等。 1、ECMAScript是什么？和 JavaScript 有着怎样的关系？ 1996 年 11 月，Netscape 创造了javascript并将其提交给了标准化组织 ECMA，次年，ECMA 发布 262 号标准文件（ECMA-...

LeviDing 2019-08-26 13:41 评论0 收藏0
ES6-7

摘要：的翻译文档由的维护很多人说，阮老师已经有一本关于的书了入门，觉得看看这本书就足够了。前端的异步解决方案之和异步编程模式在前端开发过程中，显得越来越重要。为了让编程更美好，我们就需要引入来降低异步编程的复杂性。 JavaScript Promise 迷你书（中文版）超详细介绍promise的gitbook，看完再不会promise...... 本书的目的是以目前还在制定中的ECMASc...

mudiyouyou 2019-08-21 18:40 评论0 收藏0