浅谈ES5

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了浅谈ES5相关的知识,希望对你有一定的参考价值。

ES概念解释:

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

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

break else new var typeof

case finally return void

catch for switch while

default if throw delete

in try do instanceof

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

ECMA-262的保留字

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

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=3220

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

 

以上是关于浅谈ES5的主要内容,如果未能解决你的问题,请参考以下文章

浅谈es5和es6中的继承

浅谈promise用es5实现

react配置之浅谈

浅谈块级作用域

浅谈JavaScript中forEach与each

浅谈JavaScript中forEach与each