iT邦幫忙

2022 iThome 鐵人賽

DAY 12
0

前言
ES6這個主題應該要放在前面介紹的,但我當時沒注意到就跳過了,所以今天來補介紹ES6!
相信大家在寫javascript或是react的時候常常會看到ES6這個東西,我也常常會看到,一開始見到時我很疑惑這個東西東西是什麼,因此,藉由這次機會來跟大家介紹ES6是什麼。

ES6是什麼?
https://ithelp.ithome.com.tw/upload/images/20220923/201522208ScJ2a04hy.jpg
ES6, 全稱ECMAScript 6.0 ,是JavaScript 的下一個版本標準,
對於版本來說,6肯定比5還要更新,更強大,就像iphone14一定比iphone13強大一樣,所以ES6 主要就是為了解決ES5 的先天不足,比如JavaScript 裡並沒有類的概念,但是目前瀏覽器的JavaScript 是ES5 版本,大多數高版本的瀏覽器也支持ES6,不過只實現了ES6 的部分特性和功能。

ECMAScript的背景

JavaScript 是大家所了解的語言名稱,但是這個語言名稱是商標( Oracle 公司註冊的商標)。因此,JavaScript 的正式名稱是ECMAScript 。1996年11月,JavaScript 的創造者網景公司將JS 提交給國際化標準組織ECMA(European computer manufactures association,歐洲計算機製造聯合會),希望這種語言能夠成為國際標準,隨後ECMA 發布了規定瀏覽器腳本語言的標準,即ECMAScript。這也有利於這門語言的開放和中立。

了解了ES6的背景之後,我們來看看ES5和ES6有什麼不一樣吧

data type
[ES5]:支持string,number, boolean,null和undefined等基礎的數據類型。
[ES6]:除了基礎的數據類型,ES6還添加了一種新的原始數據類型“符號”來支持唯一值。

定義變量
[ES5]:使用var來定義。
[ES6]:使用let與const這兩種新方法來定義。

處理速度
[ES5]<[ES6]

迴圈
[ES5]:使用for迴圈。
[ES6]:引入了for...of循環的概念來套進迴圈。

Arrow Functions
[ES5]:定義一個函數要使用funtion,return函數。
[ES6]:因為Arrow Functions是新加入的特性,所以不需要funtion來定義。

參考網址:
https://www.javatpoint.com/es5-vs-es6
圖片網址:
https://www.mkwd.net/learn-es6-in-5-minutes-tutorial/


上一篇
[DAY11]Event handling 事件處理
下一篇
[DAY13]什麼是DOM?
系列文
進階前端網頁設計-初心者的30天React學習及應用30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言