[day-2] JS 環境建立流程/賦值運算子/字串型別

網頁與 Code 環境建立流程

1. 建立一支all.js檔案
2. 在html的內容輸入<script src”路徑/all.js”> </script>來載入js檔案
   

console.log /alert 印出資訊

console.log( )印出目前資料 / alert( )彈出視窗

let a = 1;
let b = 2;
console.log(a,b);
console.log(b);
alert(a);
//則會輸出1 2,2和彈出視窗顯示1

JavaScript的註解

單行註解，寫在兩個（正）斜線「//」之後，例如： // 我是一個註解
多行註解：寫在/ 和/ 之間的文字，例如： / 我也是一個註解/

賦值運算子

加法賦值x = x + y 可以寫為 x += y
減法賦值x = x — y可以寫為 x -= y
乘法賦值 x = x y可以寫為 x = y
除法賦值x = x / y可以寫為 x /= y

a++、a- -

a++:幫a變數＋1
a- -幫a變數 - 1

宣告字串流程

用 單引號/雙引號 將內容包起來則為字串資料

let a = ‘hello’; //(宣告a賦予hello字串)
console.log(a); //則會印出 hello

字串相加

用＋號將兩段字串相加在一起

let b=’hello ’ + ‘world’;
console.log(b); //則會印出hello world

實際應用範例：

let friendName = ‘Tom’;
let content = ‘你好嗎？’;
console.log(friendName+‘ ’＋content); 
//裡面可以自己加入字串 空白則會印出 Tom 你好嗎？

自動轉型

字串與數字相加時 會自動將數字轉為字串

let myName = ‘Tom’;
let age = 20;
//JavaScript 有些情況下會貼心地幫你轉型
let totle = myName + age ;
console.log(typeof totle) //則會得出string字串型別
console.log(“hi 我是“＋myName+”，我今年“+age+”歲”）
//則會整段轉為字串 印出 hi 我是Tom，我今年20歲

NaN

當字串和數字做乘除等不可執行的運算時產生出來的錯誤訊息
而用typeof查詢該變數時則會寫是number
表示未定義或不可表示的值。
字串處理實用方法

• 變數.length; ：查詢變數的字元長度
• 變數.trim( ); ：將變數的空格去除後輸出 (不會改變原本的值)

變數記憶體指向講解

let myEmail = ‘ tom ‘; //宣告一段值
myEmail = myEmail.trim( ); //用同一個變數去接上運算後的值
console.log(myEmail); //輸出則會是改變後的結果

＃若沒有用變數去接運算後的值 則運算後的值不會被記錄下來

樣版字面值

ES6之前的寫法若要在變數和字串穿插 則需要用上很多“”和＋號

舊寫法 🕘

let myName = “Mary”
let myHeight = “189”
let content = “我現在”+myHeight+”公分，我是”+myName;

而ES6之後多了一種新的方法 『樣板字面值』寫法
外層用``將字串內容包覆住 裡面若要用到變數則用${變數名稱}來傳進資料
可以有效地減少符號的運用卻達到一樣的效果

新寫法 ✔️

let myName = “Mary”
let myHeight = “189”
let content = `我現在${myHeight}公分，我是${myName}`