ES5 ES6的瀏覽器相容性

2021-09-11 23:00:27 字數 898 閱讀 3728

從上面可以查詢到,es的相容性概覽

下面就主要瀏覽器進行說明: 

ie:可以看到ie6,ie7是完全不支援的。而ie8是只支援一些內容,參考引用4,ie9是大部分支援,支援度參考引用2。 

chrome:chrome 23版本之後就是完全支援的了。19~22版本有不相容的地方,參考引用1。 

firefox:firefox 21版本之後就是完全支援的了。4~20版本有不相容的地方,參考引用1。 

es5的具體相容性可檢視

es6的具體相容性可檢視

最新瀏覽器版本對es的支援如下

一、pc端瀏覽器對es的支援情況

1.chrome:51版起,可支援97%的es6新特性

2.firefox:53版起,可支援97%的es6新特性

3.safari:10版起,可支援99%的es6新特性

4.ie:edge 15可支援96%的es6新特性。edge14可支援93%。(ie7~11基本不支援es6)

二、移動端瀏覽器對es的支援情況

1.ios:10.0版起,可支援99%的es6新特性

2.android:基本不支援es6新特性(5.1僅支援25%)

三、伺服器對es的支援情況

1.node.js:6.5版起,可支援97%的es6新特性

各瀏覽器相容es6的解決方法:

把es6轉換為es5,比較通用的工具有babel、jsx、traceur、es6-shim等

ES5,ES6中的繼承

es5中的繼承 1,借助建構函式實現繼承 只能實現部分繼承 原理 通過call 函式改變this指向,將父類屬性掛載到子類例項中 function parent function child console.log new child 總結 優點 只呼叫一次父類的建構函式,避免了在子類原型中建立不必...

ES5,ES6中的繼承

es5中的繼承 1,借助建構函式實現繼承 只能實現部分繼承 原理 通過call 函式改變this指向,將父類屬性掛載到子類例項中 function parent function child console.log new child 總結 優點 只呼叫一次父類的建構函式,避免了在子類原型中建立不必...

瀏覽器相容性

瀏覽器相容性是乙個很長久的話題,之所以前端需要面對瀏覽器相容性,是因為使用者的環境有不同的平台,不同的瀏覽器。不同的廠商之間為了相互競爭,對標準的實現不一樣。不同的瀏覽器有不同的核心。即使同乙個瀏覽器也有不同的版本,不同的版本對同一特性的支援情況也不盡相同。也可能某個瀏覽器的某個版本針對某個特性存在...