六角學院｜ES6
-ES6提升程式碼品質的最佳利器
-現在開發者多使用CSS2/CSS3 amimation(IE8使用時無法與其他瀏覽器兼容)、transition
-原本寫法為ES5(因為5有bug or不便利之處),以下教ES6
以盡量避免污染全域變數
<HTML>
不建議用變數去做撰寫,
const特性
-是唯讀的,不能去做修改
-若是object or array是有辦法去被變更值的！故需要下指令freeze
<HTML>
let、const 注意事項與使用時機
- var 有自己向上提升的特性; let、const則沒有.
-兩者之所以被ES6提出創建,目的就是為了不影響全域變數(window)
-同個區塊不可以重複命名
-現在開發者多使用CSS2/CSS3 amimation(IE8使用時無法與其他瀏覽器兼容)、transition
-原本寫法為ES5(因為5有bug or不便利之處),以下教ES6
let.const
<HTML>
<body>
<script>
//let與const 用來宣告區塊裡的變數
//區塊＝{}
var a = 0
//函數式
function changeA(){
let a = 0;
a=1;
console.log(a);
}
changeA();
console.log(a);
</script>
</body>
const特性
-是唯讀的,不能去做修改
-若是object or array是有辦法去被變更值的！故需要下指令freeze
<HTML>
<script>
//let 與 const 用來宣告區塊裡的變數
//區塊 = { }
//const 唯讀變數 -不能去做修改
//變數是不能被變更- url 網址
//{}[]
const obj = {
url:'http://xx.com'
};
Object.freeze(obj);
console.log(obj.url)
</script>
let、const 注意事項與使用時機
- var 有自己向上提升的特性; let、const則沒有.
-兩者之所以被ES6提出創建,目的就是為了不影響全域變數(window)
-同個區塊不可以重複命名
<body>
<ul class="list">
</ul>
<script>
const list = document.querySelector('.list');
const imgUrl = 'logo.png';
const title = '六角學院';
//list.innerHTML = '<li><img src=' + imgUrl +' ></li>'
list.innerHTML = `<li><h2>${title}</h2><img src="${imgUrl}"></li>`
</script>
</body>
评论
发表评论