本篇文章講述一些關於JavaScript入門的基礎,例如變數、特性以及編寫方式
JS的特徵
JS是一種腳本語言具備物件導向架構
JS是直譯式語言不需經過編譯才能執行
JS可應用於多環境,Linux、Windows、Mac等
JS編寫方式
在Html檔內建立腳本區塊
<script>
statement;
</script>
<script>標籤位置
JS可以在Html內任意位置編寫,比如說在body內,但是這樣的寫作方式會難以維護
所以JS如果是使用寫在Html內的方式盡量編寫在</body>前,主要原因是為了讓頁面完全載入後才執行JS
以免造成頁面未完全載入找不到元素的錯誤,雖然這個問題還是可以透過window.onload()克服,但培養好的編寫習慣是很重要的!
JS外部檔案
JS除了可以嵌入Html內之外,還能將JS獨立成外部檔案,然後使用引用的方式
<script src="JS檔案路徑">
//這裡不能有任何JS的敘述,一律會被忽略
</script>
JS陳述句規則
以分號結束(隨然沒分號不會造成錯誤,但是有分號可以明確指示該陳述句結束)
陳述中可包含空白或換行
區分大小寫
JS註解
單行註解://...
多行註解:/*...*/
文件註解:/**...*/
JS變數與常數
變數就是用來存放資料的名稱
//宣告變數
var 變數名稱=值
var str="我是字串";
var num1=123;
var msg;//宣告變數沒給設定值,預設會是undefined
常數與變數一樣是用來存放資料,但不一樣的是只能設定一次,且設定後不能再改變
//宣告常數
const PI=3.1415;
PI=9.9;//這裡會造成錯誤
JS命名規則
不可使用保留字
開頭必須是英文字母、底線或金錢號
區分大小寫
常數使用全部大寫,第二個單字使用底線隔開
變數與函數使用camelCase命名法
類別與建構子使用Pascal命名法
let宣告指令
let與var都一樣是用來宣告變數,但是差別在let不允許相同名稱宣告
var a=123;
var a=456;
let b='abc';
b='def';
let b='abc';//這裡會造成錯誤
樣板字串(Template Strings)
樣板字串是ES6新增的語法可以在字串中嵌入變數,使用反引號來標示,在開發Web API接收後端資料樣板字串非常好用
<script>
let name="nan";
let hello=`
Hello,${name}//使用${...}取得變數內容
`;
document.writeln(hello);//Hello,nan
</script>
陣列
陣列是資料的集合,可存放多個值,第一個元素的索引值為0
//宣告陣列
var arrData['A','B','C'];
//取得陣列內容
alert(arrData[0]);//A