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

HTML5新的WEB标准和浏览器支持
E4X (ECMA-357)
Firefox和ActionScript3早就实现了的东西……不过实在现在json这么流行，有没有E4X似乎都无所谓了～（瞎说的，实在在js代码里直接写dom对象而不是html字符串，会方便很多）
MDC文档：https:///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文档：/webdev/2009/02/12/native-json-in-firefox-31/
MSDN文档：/ie/archive/2008/09/10/native-json-in-ie8.aspx
支持：Firefox 3.5+, IE8+
替换/过渡：json2.js /json2.js
ECMAScript 5 Array Extras
js1.6里实现的数组方法，主要是forEach, map, fliter这几个函数式编程里非常重要的方法，还有反向查询阴阳师笔记黑岩/read_6796/
Array.prototype.indexOf( str )
stIndexOf(str )
Array.prototype.every(fn )
Array.prototype.some(fn )
Array.prototype.filter(fn )
Array.prototype.forEach(fn )
Array.prototype.map(fn )
MDC文档：https:///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 )
约翰同学的讲解：/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 )
约翰同学的讲解：/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; }
}
约翰同学的讲解：/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:///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文档：/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
约翰同学的讲解：/blog/ecmascript-5-strict-mode-json-and-more/
支持：无
替换/过渡：……从现在开始养成严谨的编程习惯
诡家仙/read_7503/
ECMAScript 5 其他新特性
传递函数的引用时，绑定this
Function.prototype.bind(thisArg, arg1, arg2....) /
支持：无
替换/过渡：prototype /api/function/bind
ISO-formatted dates
Date.prototype.toISOString() // Prints 2009-05-21T16:06:05.000TZ
支持：无
替换/过渡：datejs /p/datejs/
String.prototype.trim()
支持：Firefox3.5
替换/过渡：各种正则实现/archives/faster-trim-javascript。