JavaScript入門基礎

本篇文章講述一些關於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