浅谈ES5/ES6

ES概念解释:

  ECMAScript是一种由Ecma国际(前身为欧洲计算机制造商协会,英文名称是European Computer Manufacturers Association)经过ECMA-262标准化的脚本程序设计语言

ECMA-262规范 定义了ECMAScript支持的一套关键字,这些关键字标识了ECMAScript语句的开头和/或结尾。根据规定,关键字是保留的,不能用做变量名或函数名。下面是ECMAScript关键字的完整列表:web

break else new var typeof编程

case finally return void数组

catch for switch while浏览器

default if throw delete安全

in try do instanceof编程语言

若是把关键字用做变量名或函数名,可能获得诸如“Indetifier expected”(应该有标识符)这样的错误信息。wordpress

ECMA-262的保留字函数

ECMAScript定义了一套保留字,保留字在某种意义上是为了未来的而保留的单词。所以,保留字不能被用做变量名或函数名。ECMA-2623版中保留字的完整列表以下:this

abstract enum int short编码

boolean export interface static

byte extends long super char final

native synchronized class float package

throws const goto private transient debugger

implements protected volatile double

import public

若是将保留字用做变量名或函数名,那么除非未来的浏览器实现了该保留字,不然极可能收不到任何错误消息。当浏览器将其实现后,该单词被看做关键字,如此将出现关键字错误。

1995Netscape公司发布的Netscape Navigator 2.0中,发布了与Sun联合开发的JavaScript 1.0而且大获成功, 而且随后的3.0版本中发布了JavaScript1.1,恰巧这时微软进军浏览器市场,IE 3.0搭载了一个JavaScript的克隆版-JScript, 再加上CenviScriptEase(也是一种客户端脚本语言),致使了三种不一样版本的客户端脚本语言同时存在。为了创建语言的标准化,1997JavaScript 1.1做为草案提交给欧洲计算机制造商协会ECMA),第三十九技术委员会(TC39)被委派来标准化一个通用的,跨平台的,中立于厂商的脚本语言的语法和语意标准。最后在NetscapeSun、微软、Borland等公司的参与下制订了ECMA-262,该标准定义了叫作ECMAScript的全新脚本语言。

今后之后的JavscriptJScriptActionScript等脚本语言都是基于ECMAScript标准实现的。

因此,ECMAScript其实是一种脚本在语法和语义上的标准。实际上JavaScript是由ECMAScriptDOMBOM三者组成的。 因此说,在JavaScriptJScriptActionScript中声明变量,操做数组等语法彻底同样,由于它们都是ECMAScript。可是在操做浏览器对象等方面又有各自独特的方法,这些都是各自语言的扩展。

 

ECMAScript发生了什么变化?

自第三版发布以来,ECMAScript因其与万维网的关联而得到了普遍应用,它实质上已经成为全部web浏览器都提供的一种编程语言。为编制第四版ECMAScript,人们作了大量的工做。尽管这些工做没能完成,也没有发布第四版标准,却促进了该语言的进化。ECMAScript第五版(发布为ECMA-262 5th edition)编入了不少事实上已经在浏览器实现中造成共识的语言规范解析,而且增长了对自第三版发布以来出现的新功能的支持。这些新功能包括访问器属性、反射建立和对象检测、属性特性的程序控制、新增数组操做函数、JSON对象编码格式、以及提供了改进的错误检查和程序安全性的严格模式。

ES5 新增内容

ES5 整体来讲改动不多,最重要的是以下几个改动。这里先简单介绍一下,稍后有相应篇章详细描述。

use strict

能够在函数定义的第一行经过一个字符串语法把这个函数声明为 严格模式

function() {

  "use strict";

}

在严格模式下,会有以下一些限制:

  • 未声明的变量赋值直接报错,而不是变成全局变量
  • 函数默认的 this 将变成 undefined 而不是默认指向 window
  • 对只读属性进行写操做,删除不可删除属性,对不可拓展的对象添加属性均会抛出异常
  • 禁止使用 with 语句
  • 重名的属性会报错,重名的函数参数会报错

JSON 支持

默认支持 JSON.parse 和 JSON.stringify

对象和属性

如今能够对一个对象的属性设置 getter setter:

var obj = {};

Object.defineProperty(obj, "name", {

  get: function() {

    return name.toUpperCase();

    },

  set: function(n) {

    name=n;

    }

})

能够定义一个对象的属性是否能够修改、是否能够删除、是否能够添加:

Object.defineProperty( obj, "value", {

    value: true,

    writable: false,

    enumerable: true,

    configurable: true

});

如今能够直接冻结一个对象,冻结分两种:

  • Object.seal(obj), 使对象的属性配置配置没法修改,等价于给每个属性都设置成 configurale=false
  • Object.freeze(obj),除了 seal 以外,它还会是属性值自己没法被修改,至关于对每一个属性同时进行了 configurable=false 和 writable=false

如今能够更方便的遍历对象的属性了:

  • Object.getOwnPropertyNames
  • Object.keys

数组新增方法

数组新增了以下经常使用的方法:

  • map
  • every
  • filter
  • forEach
  • indexOf
  • reduce
  • reduceRight
  • some

因此你能够放心的写以下代码:

[1,2,3].map(function(a){return a*a;})

REFERENCE

1. ECMAScript_百度百科

2. http://www.zhangxinxu.com/wordpress/?p=2148

相关文章
相关标签/搜索