关于新的WEB标准和浏览器HTML5支持

HTML5新的WEB标准和浏览器支持

E4X (ECMA-357)

Firefox和ActionScript3早就实现了的东西……不过实在现在json这么流行，有没有E4X似乎都无所谓了～（瞎说的，实在在js代码里直接写dom对象而不是html字符串，会方便很多）

MDC文档：https://https://www.360docs.net/doc/0816333271.html,/en/E4X

支持：Firefox 1.5+

ECMAScript 5 Native JSON

原生的JSON支持，速度和安全性都比eval强一百倍亚一百倍，另外要留意Douglas Crockford 的json2.js是一个用js实现的js解释器，所以安全性更好

JSON.parse( text, translate )

JSON.stringify(obj, translate )

String.prototype.toJSON

Boolean.prototype.toJSON

Number.prototype.toJSON

Date.prototype.toJSON

MDC文档：https://www.360docs.net/doc/0816333271.html,/webdev/2009/02/12/native-json-in-firefox-31/

MSDN文档：https://www.360docs.net/doc/0816333271.html,/ie/archive/2008/09/10/native-json-in-ie8.aspx

支持：Firefox 3.5+, IE8+

替换/过渡：json2.js https://www.360docs.net/doc/0816333271.html,/json2.js

ECMAScript 5 Array Extras

js1.6里实现的数组方法，主要是forEach, map, fliter这几个函数式编程里非常重要的方法，还有反向查询阴阳师笔记黑岩https://www.360docs.net/doc/0816333271.html,/read_6796/

Array.prototype.indexOf( str )

https://www.360docs.net/doc/0816333271.html,stIndexOf(str )

Array.prototype.every(fn )

Array.prototype.some(fn )

Array.prototype.filter(fn )

Array.prototype.forEach(fn )

Array.prototype.map(fn )

MDC文档：https://https://www.360docs.net/doc/0816333271.html,/en/New_in_JavaScript_1.6#Array_extras

支持：Firefox2.0+, Safari 3.0+, Google Chrome 1.0+, Opera 9.5+

替换/过渡：都可以通过扩展Array.prototype来模拟

ECMAScript 5 isArray()

区分数组和对象

Array.isArray([]); // true

支持：无

替换/过渡：Array.isArray = function(a){ return Obje ct.prototype.toString.call(a) === “[object Array]”;};

ECMAScript 5 Object

用GOOGLE I/O演讲里的话来说：更鲁棒(robust)的对象系统

Object.getPrototypeOf( obj )

约翰同学的讲解：https://www.360docs.net/doc/0816333271.html,/blog/objectgetprototypeof/

支持：Firefox3.5

替换/过渡：object.__proto__ 或object.constructor.prototype

Object.create( proto, props ) //克隆或继续对象

Object.keys(obj ) //数据结构的映射

Object.getOwnPropertyNames(obj )

Object.preventExtensions(obj ) //不能添加新属性

Object.isExtensible(obj )

Object.seal(obj ) //不能删除和修改属性的配置，不能添加新属性

Object.isSealed(obj )

Object.freeze(obj ) //不能删除和修改属性的配置，不能添加新属性，不能写属性

Object.isFrozen(obj )

约翰同学的讲解：https://www.360docs.net/doc/0816333271.html,/blog/ecmascript-5-objects-and-properties/

支持：无

替换/过渡：Object.create和Object.keys可以自己实现

ECMAScript 5 Property Descriptor

对象属性的访问控制

Object.getOwnPropertyDescriptor( obj, prop )

Object.defineProperty(obj, prop, desc )

Object.defineProperties(obj, props )

desc = {

value: true,

writable: false, //修改

enumerable: true, //for in

configurable: true, //删除和修改属性

get: function(){return name; },

set: function(value){name = value; }

}

约翰同学的讲解：https://www.360docs.net/doc/0816333271.html,/blog/ecmascript-5-objects-and-properties/

支持：无

替换/过渡：Object.defineProperties实在相当于jQuery.extend，用来实现Mixin ECMAScript 5 Getters and Setters

python和ruby里都有的属性访问方法

obj = {

getinnerHTML() { return …; },

setinnerHTML(newHTML) { … }

};

MDC文档：https://https://www.360docs.net/doc/0816333271.html,/en/Core_JavaScript_1.5_Guide/Creating_New_Objects/Defining_Ge tters_and_Setters

支持：Firefox 2.0+, Safari 3.0+, Google Chrome 1.0+, Opera 9.5+

替换/过渡：

非标准，Firefox1.5里的旧方法

HTMLElement.prototype.__defineGetter__("innerHTML", function () {});

HTMLElement.prototype.__defineSetter__("innerHTML", function(val) {});

支持：Firefox 2.0+, Safari 3.0+, Google Chrome 1.0+, Opera 9.5+

标准

Object.defineProperty(document.body, "innerHTML", { get : function () {} });

MSDN文档：https://www.360docs.net/doc/0816333271.html,/en-us/library/dd229916(VS.85).aspx

支持：IE8+ (只能对DOM使用)

ECMAScript 5 Strict Mode

ES5的严格模式，删除了旧版本中轻易引起题目的元素，并且会显式的报错，方便调试"use strict"; //以下情况下抛出异常

//对未定义的变量赋值

//操纵被设置为不可写，不可配置或不可扩充的属性

//删除变量，函数，参数

//在对象直接量里重复定义属性

//eval做关键字，在eval的字符串里定义变量

//覆写arguments

//使用arguments.caller和arguments.callee（匿名函数必须具名才能引用自己）

//(function(){ ... }).call( null ); // Exception

//使用with

约翰同学的讲解：https://www.360docs.net/doc/0816333271.html,/blog/ecmascript-5-strict-mode-json-and-more/

支持：无

替换/过渡：……从现在开始养成严谨的编程习惯

诡家仙https://www.360docs.net/doc/0816333271.html,/read_7503/

ECMAScript 5 其他新特性

传递函数的引用时，绑定this

Function.prototype.bind(thisArg, arg1, arg2....) /

支持：无

替换/过渡：prototype https://www.360docs.net/doc/0816333271.html,/api/function/bind

ISO-formatted dates

Date.prototype.toISOString() // Prints 2009-05-21T16:06:05.000TZ

支持：无

替换/过渡：datejs https://www.360docs.net/doc/0816333271.html,/p/datejs/

String.prototype.trim()

支持：Firefox3.5

替换/过渡：各种正则实现https://www.360docs.net/doc/0816333271.html,/archives/faster-trim-javascript