javascript基礎課堂一

變量

變量：容器 JS是弱類型語言，因此能夠聽任意類型的值

聲明變量：在ES6之前，一直使用Var聲明變量，ES6新增 let const

列：let a; 變量聲明

let a=5; 變量初始化||變量聲明並賦值

Var特徵：

1. 支持重複聲明 列：Var a=5; Var a=6;
2. 遺漏聲明 列：a=5;系統或者瀏覽器會補上一個Var
3. 不受語句影響，就是個強制全局變量!

圖片.png

Let特徵：

1. 不容許在同一做用域中重複聲明 列：let a=5; a=10;修改變量中的值

Const特徵：

1. 聲明常量 屬於變量的一種類型 不能修改 會報錯
2. ES6之前使大寫表示常量 列：Var B=a
3. const聲明變量必須初始化

數據類型

JS中每個值必須屬於某一種數據

1. 簡單數據類型：原始數據類型||簡單值

   ES6之前：undefined unmber string boolean null

   新增：symbol

2. 複雜數據類型：合成數據類型||複雜值

   object

undefined解釋：

undefined：未定義 聲明的變量未賦值，函數沒有返回值 都是undfined

關於undefined中的BUG

1. 聲明變量未賦值： 例：let a; log(a) 打印爲 undefined
2. 變量未聲明：例：log (a); 報錯 xxx未定義
3. log (trpeof a); 打印爲 undefined

會返回undefined的狀況

1. 變量未聲明未賦值
2. 函數沒有返回值
3. 給變量賦值爲undefined
4. 訪問對象不存在的屬性值
5. return 無明確性

null解釋：

ECMA認爲undefined是由null衍生而來的

若是不進行精確的比較則相等 console .log(undefined==null) 打印爲true

關於null的BUG：console .log ( typeof null ) 打印爲object

undefined與null的區別：undefined有容器無內容 而null無容器無內容

boolean的解釋

boolean(判斷)有兩個值：true(真) false(假)||！！加要檢測的值

會返回false的狀況：

1. " "空字符串 ' '字符串模板 ``
2. 0
3. false
4. undefined
5. null
6. NaN( not a unmber非數)

unmber的解釋：

1. 100 0.2 -1

2. NaN：

   不與任何數相等包括本身

   NaN的類型是unmber

   NaN涉及任何計算 值都是NaN

   is NaN( )檢測一個值是不是一個非數

   1. 傳入數字：返回false
   2. 傳入非數：返回true

string的解釋：

' ' 「 」 `` 這三種字符串不能互相嵌套

兩種打印：

let name="N",age="N"

1.  console .log("我叫"+name+"今年"+age)； //我叫N今年N
    
2.  console .log(`我叫${name}今年${age}`)； //我叫N今年N

運算符（操做符）

1. 賦值運算符
   = += -= *= /=

例：let a=1 b=2
        a=a+b簡寫a+=b

1. 一元運算符（自增自減運算符）

   ++ --

例：n=n+1簡寫n++
    
    例題1： let i=0 //0
    
    let j=i++ //0+1
    
    console .log( j i)打印爲0 1
    
    例題2： let i=0 //0+1
    
    let j=++i // i
    
    console .log( j i)打印爲1 1

自增自減規則：i++ i-- 先用值後增||後減

++i --i 先自增||自減再用值

當沒有表達式 直接使用：

例題1： let i=0

i++ ；

console .log( i)打印爲1

1. 邏輯運算符

   與&& 或|| 非！
   &&一假全假 ||一真全真
   &&：

   表達式1&&表達式2
   
     step1:先判斷表達式1的值是否是false
   
     若是是則返回表達式1的值
   
     step2:若表達式1的值是true
   
     則判斷表達式2的值，是否是true
   
     是true 則判斷表達式3 以此類推
   
     是false 則返回表達式2的值 以此類推

2. 算數運算符

+ - * / %取模（餘數）

1. 關係運算符

   < == === <= >=

   ===：全等 值相等 數據類型也相等

例：  
     console .log(5=="5")打印爲true  
     console .log(5==="5")打印爲false  
     ASCLL碼  65A  97a

1. 三目運算符

   簡單的 if else

   表達式1？ 表達式2：表達式3；

   解釋：表達式1爲true時執行表達式2 表達式2爲false時執行表達式3

例：let a=5 b=6
    
    a>b? console .log("a>b") : console .log("a<b") 執行表達式3

1. typeof

   查看變量的數據類型

• • *

若有異議請聯繫我！