執行Javascript

如果你已經根據環境設定,安裝了node.js,可以利用node.js去執行js檔案。在VS code裡,可以直接利用右邊的「Run Code」去執行javascript。

image.png

VS Code就會去執行node.js。

image.png

如果還沒有安裝node.js,可以利用瀏覽器去執行javascript,然而,程式碼要以html的形式去寫,並且將javascript寫在<script></script>中間。例如,把以下內容存為test.html,就可以直接在瀏覽器中執行javascript,只是要記得,console.log()的內容要在瀏覽器的開發人員工具中的「Console」中才可以看到。

<!DOCTYPE html>
<html>
<head>
<script>
**console.log("Hello");
let firstName = "Ben";
let lastName = 'Wu';
let fullName = firstName+" "+lastName;
console.log(fullName);**
</script>

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

Chrome右邊的「…」,找到「更多工具」,點選「開發人員工具」。

image.png

選擇「Console」,就可以看到Console.log()的內容了。

image.png

變數

變數是程式設計的基礎概念。在javascript裡是不需要宣告變數的資料型態,而是根據變數的資料內容自動判斷資料型態。

在javascript有多種定義變數的方法,在這裡我們使用的是let(詳參: JavaScript Let),也就是告訴javascript,我需要一個叫做num的變數。接下來使用指定敘述設定起始值,也就是讓num這個變數的內容為10。也就是把「=」右邊的值設定到左邊的變數裡。

let num = 10;

我們定義的變數,名稱是可以自訂的。不過,變數名稱是有些限制,例如,第一個字必須是英文字母,不能用保留字,例如var、let (詳參:JavaScript Reserved Words )。另外,使用let定義變數時,只能定義一次,重複定義的話,javascript就會回報變數已定義。

注意一件事,在程式語言裡,是利用浮點運算數來儲存帶小數點的數字,所以,帶小數點的數字是不精準的。例如,0.1+0.2會是0.30000000000000004。

變數是可以計算的,也就是可以形成運算式,一個運算式是由運算子跟運算元構成,例如,加減乘除都是運算子,是所謂的二元運算子,所以,會將運算子左右的運算元 (如:數字或另一個運算式)進行計算。例如,我們要計算BMI,可以這樣寫。 在javascript裡「**」是指數運算。(可參考: 運算式與運算子)