章節連結
前端框架御三家之一的 Vue,在 2020 年第四季迎來的第三代版本,代號為 One Piece。雖說已略為上手 2.0 版,決定藉由 HiSKIO 2020 Vue3 專業職人 的課程,來加速自己的熟悉程度。這篇會筆記下課程中有提到 ES6 語法,以及自己開發上的一些補充。
課程相關資訊
[連結]:https://hiskio.com/courses/286/lectures/20884
本篇範圍:Chapter 3 ( JavaScript ES6 ) ,一共有 12 篇
請注意:本系列文章為個人對應課程的消化吸收後,所整理出來的內容。換言之,並不一定會包含全部的課程內容,也有可能會添加其他資源來說明。
內容
1. let, const 的變數範圍為 {} 界定
2. 雖說 const 不可被修改,但因 array, object 在 JavaScript 內為 By Reference,所以你要修改其內的值是可以的,因為位置沒有改變
3. 解構賦值 const { age, name } = data 視同於 data.age, data.name
4. ES Module 的輸出引入標準,需要在 HTML 中標上 type=”module” 才可正常執行。目前主流瀏覽器皆已支援
1 2 3 4 5 6 7 8 9 10 11 |
// 輸出值要以 const 開頭才行 const Add = (a,b)=>{ return a + b } export const name = "Sandy" export const age = 13 export default Add // 一個 js 只能有一個 default // import 時的注意事項 import Add, { name, age } from 'a.js' // 用解構的方法來拿取, default 的可以不用 |
系列文章
延伸閱讀
- [筆記] AlphaCamp 不只是刷題的 Leetcode 訓練營 – 4
- [筆記] TypeScript + D3.js + Vue 3 – 幫長條圖加上基本的水平、垂直軸 ( x, y axis)
- [筆記] HiSKIO 2020 Vue3 專業職人 入門篇 – 7
- [指南] npm 預設下載來源更改 – 因應中國的特殊規矩
- [指南] 解決中國境內無法使用 raw.githubusercontent.com 下載套件的問題
GA瀏覽人氣:7