Javascript初學者課程(2)-變數教學

Javascript初學者課程(2)-變數教學
Javascript初學者課程(2)-變數教學

本日的JavaScript教學就是要帶你認識它的變數哦!

變數

一般來說,「變數(Variables)」是用來承裝資料數值的容器。在同一程式中,變數的值是可以改變的。

JavaScript 中,以「var」來宣告變數。寫法如下所示:

var x = 777;

在上述例子中,數值 777 被指定給變數 x。

JavaScript 對於字體的大小寫是敏感的,大小寫被視為不同的變數,例如變數「Name」與「name」就是被視為不同的變數哦。

等號

JavaScript教學中,等號 (=) 被稱作「分配」運算子,而不是「等於」運算子。

例如,「x = y」就是「把數值 y 分配給 x」,而不是「y 等於 x」。

使用變數

現在,我們將一個值「777」分配給一個變數「x」,並將其輸出。程式碼與結果如下所示:

See the Pen var.js by Tedutw (@Tedutw) on CodePen.

為變數命名

JavaScript 中的變數名稱,對於字體的大小寫是敏感的,大小寫被視為不同的變數。如下例,我們將 x 由小寫改為大寫,程式碼與結果如下所示:

var x = 100;
document.write(X);

See the Pen Naming Variables by Tedutw (@Tedutw) on CodePen.

因為大小寫不同的緣故,所以 x 與 X 被判定為不同的變數。因此上面的程式碼並沒有產出任何的結果。

JavaScript 變數命名原則:

  • 命名的第一個字,必須是英文字母、底線(_)或是貨幣符號($)。後續的字可以是英文字母、數字(注意:數字不能作為第一個字)、底線或是貨幣符號($)
  • 變數名稱不能包含一個算數或是邏輯運算子,像是加(+)減(-)乘(*)除(/)的的記號都不能用。注意:連接線(-)會被視為減號,因此命名中也不能含連接線。)
  • 變數名稱不能包含特殊符號,例如「my#num」、「num%」等。
  • 任何的 JavaScript 名稱都不能含有空白字元。
  • 以下圖片為「JavaScript 保留字」一覽表,表中的任何字都不能用於命名變數。

 

 
 
 

 

 

 

 

 

 

推薦文章:
Javascript初學者課程(3)-資料類型應用


Javascript初學者課程(4)-數學運算子應用


Javascript初學者課程(5)-賦值運算子應用


Photoshop一學就會的萬用技能!-如何毛髮去背?


美國NASDAQ上市公司、外商IT教育培訓企業


暑假快到了!與其讓兒子盲目拚學測,我寧可讓他先選擇人生方向~


AI人工智慧世代即將來臨,準備好這四種能力就不怕被取代!!

 

Javascript初學者課程(1)-如何在網頁中嵌入?

Javascript初學者課程(1)-如何在網頁中嵌入?
Javascript初學者課程(1)-如何在網頁中嵌入?

本日的JavaScript教學就是要教你如何把它應用在網頁中哦!

JavaScript 簡介

JavaScript 可說是目前最普遍的程式語言之一,一般常用於網頁前端開發。JavaScript 不但可以為網頁添增互動元素、進行數據處理,還有創建各種應用程式(行動裝置 App、桌上型電腦的應用程式、遊戲等等。)

就跟著JavaScript教學一起來寫出你的第一個 JavaScript 程式!

首先,讓我們一起來使用 JavaScript 寫出第一支程式:讓瀏覽器上顯示「Hello World!」字樣,程式碼如下:

See the Pen My first JavaScript by Tedutw (@Tedutw) on CodePen.

由以上程式碼可知:函數「document.write()」可寫入字串在 HTML 檔案中。此功能可用於編寫文字檔案以及 HTML 檔。

如何在網頁中寫入 JavaScript 腳本

我們可以在 HTML 檔中,寫入任意數量的腳本(script,JavaScript 的別稱,也可以「.js」稱呼)。通常,腳本標籤「<script>…</script>」會放在 HTML 的 <head> 與 </head> 中間:

<html>
   <head>
     <script>
     </script>
   </head>
   <body>
   </body>
</html>

嵌入外部的 JavaScript

除了上述可直接在 HTML 檔案中寫入 JavaScript 腳本之外,我們還可以嵌入外部現成的 JavaScript 檔案。這類現成的 JavaScript 的檔案類型為 .js 檔。嵌入外部檔的語法為「<script src=”檔案名稱”>…</script>」,是可以放在<head>…</head>標籤或是<body>…</body>標籤之內。舉例來說,現在我們要在 HTML 中嵌入外部的 .js 檔「demo.js」,寫法如下所示:

<html>
   <head>
     <script src="demo.js"> </script>
   </head>
   <body>
   </body>
</html>

至於外部現成的 .js 檔,檔中文字就不能包含<script>…</script>標籤了。承上例,這個外部的 .js 檔「demo.js」內容如下:

alert("Welcome to my page!");

則執行結果如下所示:

 

從外部置入 .js 檔的好處比在 HTML 檔內寫入 JavaScript 腳本還多,像是:

1. HTML 原始碼與 JavaScript 分開放置,較好閱讀、維護

2. 當JavaScript檔案被 cache 過後,網頁載入速度就會更快

JavaScript 中加入註解的方法

有時在程式碼中,我們會加入註解,並告知該程式碼的作用。在「/ *」和「* /」之間編寫的所有內容,都將被視為註解,可以單行也可以多行。如下所示:

<script>
    /* 這個code
    會製造出一個
    上面寫著
    「Welcome to my page!」
    的訊息對話框 */
       alert("Welcome to my page!");
</script>

 

 

 

 

推薦文章:
Javascript初學者課程(2)-變數教學


Javascript初學者課程(3)-資料類型應用


Javascript初學者課程(4)-數學運算子應用


馬斯克證實自立的人工智慧公司OpenAI,什麼原因讓他鐵了心?


受不了電子書這麼沒有翻書的感覺!但HTML5教學救了我!


暑假快到了!與其讓兒子盲目拚學測,我寧可讓他先選擇人生方向~


網路行銷課程降低你的出錯率增加你的曝光率