JavaScript 隨意整理

標籤：運算式2   html元素   js代碼   單引號   htm   進階   設定   字串串連   邏輯運算   

08.11

# JavaScript 基礎
### 程式設計語言 
* 機器語言
* 組合語言
* 進階語言
    * 編譯型
    * 解釋型

### JavaScript 發展
* ECMA3  確定了地位
* ECMA5  
* ECMA6 (ECMA2015  ECMA2016  ECMA2017)


###用戶端 JavaScript 組成
* ECMAScript （核心 基本文法）
* BOM （瀏覽器模型）
* DOM  （文件物件模型）

###用戶端 JavaScript 組成
* ECMAScript （核心 基本文法）
* BOM （瀏覽器模型）
* DOM  （文件物件模型）



# JavaScript 基本文法
### 在HTML中的使用
* 使用 script 標籤引入 js檔案
* 把js代碼寫在 script 標籤中

### JavaScript 注釋
* 單行注釋   // 注釋
* 多行注釋  /*  注釋  */

### JavaScript 指令結束符
* 換行
* 分號


### JavaScript 的輸出
* 控制台輸出  console.log()
* 彈框輸出    alert()
* 輸出到頁面  document.write()

# JavaScript 變數
### 直接量
###變數： 裝資料的容器
### 變數的命名規則
*  不能以數字開頭
*  有 數字、字母、底線 組成
*  不能使保留字
###命名方式
*  小駝峰   userAge
*  大駝峰   UserAge
*  匈牙利   user_age
### 聲明變數
        
        var 變數名 = 值;
        var var01=val,var02=value;  //同時聲明多個變數

# JavaScript 資料類型
### 原始類型
* Number  數字
* String     字串
* Boolean   布爾
* Null          空
* Undefined   未定義


### 物件類型
* Date
* Array
* Object
* .....


### 檢測函數
* typeof()



#  Number類型
### 分類
* 整型        整數
* 浮點型    小數

### 直接量表示
* 十進位的整數或小數  19.9
* 八進位表示    010
* 十六進位表示  0x65
* 科學計數法   7e6

### 特殊的Number
* inFinity 正無窮
* -inFinity  負無窮

### 非數字值 NaN (not a number)
* 與任何數字進行計算 結果是NaN
* 跟任何值都不相等


### 數值函數
* isNaN()  判斷是否是 NaN   true/false
* isFinite()  是否無窮



# String 字串
### 定義字串
* 雙引號
* 單引號

### 逸出字元
\"
\‘
\n   換行
\r    斷行符號
\t    定位字元Tab
\v   垂直定位字元
\f    換頁符
\b   退格符
\\ 

### 字串串連符
* +

 

08.14

# 資料類型轉換
### 自動轉換（在某種運算環境下）
* Number環境
* String環境
* Boolean環境

### 強制類型轉換
* Number()
    *  字串： 純數字字元和Null 字元轉為正常數字，其他NaN
    *  布爾值： ture:1  false:0
* String()
    
* Boolean()
    *  轉換為false:  數字0,  Null 字元串， null 和 undefined
    *  轉換為true:  值表示有東西
* parseInt()
    *  轉換為整數
    *  與Number的區別： 一數字開頭的字串， 不會轉換為NaN
* parseFloat()
    *   轉換為小數或整數
    *  與Number的區別： 一數字開頭的字串， 不會轉換為NaN



# JS操作 HTML
### 事件
* onclick

### 函數
* 聲明函數 

        function 函數名(){
            代碼;
        }
* 調用函數

        函數名()


### 擷取元素
* document.getElementById("")
* js代碼寫在 html元素的後面

### JS 操作html元素的屬性以及css資料
* 元素對象.屬性名稱
* 元素對象.style.屬性名稱
* css屬性名稱用小駝峰命名法。 只有寫在元素style中的css屬性，才可以被擷取
* innerHTML 屬性 擷取或設定雙標籤內的內容



# 運算式
* 簡單運算式； 變數、直接量
* 複雜運算式； 運算子與簡單運算式的組合
* 函數調用運算式 



# 運算子
### 算術運算子
* 加號運算子  +
* 減號運算子  -
* 乘號運算子  *
* 除號運算子  /
* 取餘運算子(模數)   %
* 負數運算子   -
* 正數運算子  +
* 遞增運算子  ++
* 遞減運算子  --


### 比較子
* 相等運算子  ==
* 不等運算子  !=
* 全等運算子  ===
* 不全等運運算子  !==
* 小於運算子  <
* 小於等於運算子  <=
* 大於運算子  >
* 大於等於運算子 >=
* in運算子

### 邏輯運算子
* 邏輯與 （並且）   &&
* 邏輯或 (或者)      ||
* 邏輯非               !

### 位元運算符
* 按位與    &
* 按位或    |
* 按位非   ~
* 按位異或   ^
* 左移   <<
* 右移   >>


### 賦值運算子
* =
*  +=
*  -=
*  *=
*  /=
*  %=


### 其他運算子
* 字串串連符 +
* ,運算子
* typeof 運算子
* 比較子   運算式 ? 運算式1 ： 運算式2
 

# 運算子優先順序

JavaScript 隨意整理