博客专栏  >  前端   >  ES6

ES6

JavaScript ES6系列文章讲解

关注
7 已关注
73篇博文
  • ES6学习系列目录

    ES6学习系列目录

    2015-12-14 08:46
    1287
  • ES6学习——ES6背景介绍

    关于ES6的介绍网上有很多,就没必要多说了,下面列出两个参考。 中文的可以参考这里:https://zh.wikipedia.org/wiki/ECMAScript,英文的可以参考这里:https:...

    2015-12-15 07:39
    1037
  • ES6学习——环境搭建

    ES6规范2015年发布,现在浏览器对它的支持正在不断的加强,具体查看浏览器对ES6支持的程度,请参考https://kangax.github.io/compat-table/es6/,如果想查看浏...

    2015-12-16 08:31
    5711
  • ES6学习——新的语法:Symbol private类属性

    ES6本身并没有提供class属性的私有(private)还是公有(public)的特性,以前要实现类属性的私有化,一般可以通过下面这种方法进行模拟: function Person(name) {...

    2017-05-02 10:00
    563
  • ES6学习——集合(Collections):WeakMap 应用示例

    这里看一下如何利用weakset实现class属性的私有化: var Person = (function() { var private = new WeakMap(); fun...

    2017-05-02 10:10
    536
  • ES6学习——新的语法:块级作用域概述

    在ES6之前,JS中只有两种作用域:全局和函数级别作用域。就是说你声明的变量要么可以全局访问,要么在函数内访问。当然了,函数内肯定能访问全局的变量 //全局级别 var globalVar =...

    2015-12-17 09:15
    856
  • ES6学习——新的语法:let

    let的主要用途就是声明块级作用域的变量,看一下规范是怎么说的,请仔细看红字部分,后边TDZ章节会详细讲这点: 13.3 let and const declarations define varia...

    2015-12-18 08:56
    1321
  • ES6学习——新的语法:const

    ES6终于加入了声明常量的语法,这种语法在其他语言中几乎都有,看一下用法: const c1 = 1; const c2 = {}; const c3 = []; Object.getOwnP...

    2015-12-21 08:15
    1989
  • ES6学习——新的语法:Temporal Dead Zone(TDZ)

    应该说TDZ在JS中是一个比较新的概念,在规范里我也没有搜到对这个概念的具体定义,主要涉及let/const,函数参数默认值,subclass等的使用中。 (一)下面先看let/const中...

    2015-12-22 09:24
    648
  • ES6学习——新的语法:函数参数Spread

    Spread操作符(...)是比较新的特性,但是在ES6的规范中,没有找到单独的章节对这个操作符进行说明,这个操作符主要用在两种情况下:函数传参和数组生成,这节主要讲解第一种情况。 规范的12.3...

    2015-12-23 08:21
    2659
  • ES6学习——新的语法:数组元素Spread

    前一篇文章讲了Spread操作符在函数参数中的用法,这篇简单讲一下Spread操作符在数组元素中的应用。直接看代码吧: [1, ...[2,3], 4]//[1, 2, 3, 4] let x = [...

    2015-12-24 08:18
    1138
  • ES6学习——新的语法:Rest

    Rest操作符和Spread操作都是用三个点(...)表示,但作用整好相反。Rest操作符一般用在函数参数的声明中,而Spread用在函数的调用中。 下面看个例子: 'use strict'; ...

    2015-12-25 08:48
    2477
  • ES6学习——新的语法:函数参数默认值

    这个特性在其他语言中已经早有实现,ES6中加入了这个新特性,但是就目前来看还没有主流的浏览器支持这个特性,在没有这个特性之前,我们也经常会对函数参数设置默认值,例如下面这个例子: function f...

    2015-12-28 09:30
    4817
  • ES6学习——新的语法:对象解构(Object Destructuring)

    解构在ES6中应该是一种新的语法,在其他语言中我没怎么见到这种语法,也可以说是赋值操作的另一种形式,因为解构的整个定义都在规范的赋值操作符章节下面,有兴趣的可以看规范的12.14.5。目前浏览器对这个...

    2015-12-30 16:55
    3414
  • ES6学习——新的语法:数组解构(Array Destructuring)

    上一篇文章讲了Object的解构,这篇讲一下Array的解构,概念大同小异,只是写法会有一些不同,先看个简单的例子: let [x, y] = ['a', 'b','c']; // x = 'a'; ...

    2015-12-31 10:03
    1869
  • ES6学习——新的语法:函数参数解构

    解构赋值也可以发生在函数传参的时候,ES6中函数参数的灵活性大大提高了。函数参数的解构既可以用数组形式,也可以用对象形式,先看两个简单的例子: function foo( [ x, y ] ) { ...

    2016-01-01 15:56
    4447
  • ES6学习——新的语法:对象字面量扩展(Object Literal Extensions)

    对象字面量大家应该都熟悉,就是两个大括号({}),ES6中对对象字面量增加了几个实用的新语法,大大增加了它的易用性。 1)精简属性: var x = 2, y = 3,o = {x,y}; con...

    2016-01-02 09:22
    1781
  • ES6学习——新的语法:数值字面量扩展(Number Literal Extensions)

    在ES6中加入了8进制和2进制的数值表示形式,ES6之前已经有16进制的表示方法了,所以现在JS数值类型可以表示经常看到的2进制,8进制和16进制了。 2进制: 0b11//3 8进制: 0o...

    2016-01-02 15:45
    650
  • ES6学习——新的语法:Arrow Functions

    Arrow Functions并不是什么新鲜玩意了,在Java 8和Apple Swift语言中也都有这种写法,只不过有的语言用单箭头(->),JS中用双箭头(=>),大同小异,单箭头更像C或者C++...

    2016-01-04 09:23
    1434
  • ES6学习——新的语法:Symbol概述

    Symbol应该是JS中全新的概念,相当于给JS添加了一种新的类型,我们知道JS有6种类型,以typeof出来的结果为准:string,number,boolean,object,function,u...

    2016-01-05 08:45
    444

img博客搬家
img撰写博客
img专家申请
img意见反馈
img返回顶部