iT邦幫忙

2018 iT 邦幫忙鐵人賽
DAY 11
0

菜菜菜的前端學習日誌 - Day11

今天兒來講javascript

javascript是一種網頁的程式語言,他能夠讓網頁的元素動起來,增加網頁的互動性。

我們來透過線上編輯器來寫Code吧

Hello World

不免俗的,學程式都要來個Hello World

document.write('Hello World');

在Html檔的<script></script>標籤內撰寫上面的Code,就能夠在網頁上出現Hello World囉

另外還有這種寫法

alert('Hello World');

就能透過彈跳視窗的放式呈現Hello World

還有一種就是

console.log('Hello World');

會出現在瀏覽器內,開發者模式中的console裡

透過console.log()來顯示資料訊息是網頁工程師常用的除錯方式

再來是綁定元素來輸出資料

<!DOCTYPE html>                
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<script>
    document.getElementById('andy').innerHTML ="Hello World";
</script>
<body>
    <h1 id="andy"></h1>
</body>
</html>

註解

javascript的註解方式是

//我是註解
如果要多行註解的話可以這樣寫

/*
我是註解
我也是註解
*/

變數

變數是值的容器

var

首先就是最常使用的var,ES6 以前,只有 var 一種變數宣告方式,它的用途和函數活動範圍有關。
在函數內以 var 宣告的變數,僅限函數活動範圍內可用,外部看不到。而沒有用 var 或在函數外宣告的變數,就屬於全域範圍。

let

let 和 var 不同之處在於它以區塊為活動範圍的定義。
在 ES6 中,你可以在不同區塊中,使用 let 宣告以區塊為活動範圍的變數。
不允許重複宣告、不允許宣告前使用。

const

ES6 也增加了 const 這個常數定義。
用 const 定義的常數,其內容僅能在定義時設定初值,之後不允許再改變。
試圖改變 const 常數會
造成語法錯誤,和 let 相同,不允許重複宣告、不允許宣告前使用。

自動分號

JavaScript的ASI(Automatic Semicolon Insertion,自動分號插入)功能會在JS程式中忘記加入分號的地方補上

但其實ASI是一個『錯誤更正(Error Correction)』的程序


上一篇
animation 動畫
下一篇
判斷式
系列文
菜菜菜的前端學習日誌30

尚未有邦友留言

立即登入留言