主要是javaScript的基礎 變數 數據類型 運算符 表達式 怎樣定義 ...
1、什麼javascript?
為什麼要學習? 處理網站動態特效 為後期課程打基礎什麼是javascript?
是一個客戶端的具有安全性的腳本語言。 js和h5 的關係 : 都是向靜態的元素動起來 h5+css3 偏向移動端 js偏向 pc端2、js的歷史背景
1995----布萊登.艾奇 liveScript 改名 javascript javascript和java沒有任何關係3、javascript的組成 掌握
ECMAScript 不是語言,是一個組織 歐洲電腦製造商協會 BOM 瀏覽器對象模型 DOM 文檔對象模型4、js代碼的實現 掌握
關閉代碼提示 : alt + ? 1、js代碼在script中實現 2、script標簽可以出現在頁面的任何位置 除了title內部 3、script 標簽可以有多個 4、使用script標簽的src屬性連接外部的js文件 5、帶有src屬性的script標簽內部的js代碼是無效5、js的輸出語句 掌握
alert() 彈出警告框 阻塞代碼執行 不用於項目中 document.write() 瀏覽器上列印結果 console.log() 控制臺上輸出 一般用於項目調試 . 前面的叫做對象 . 後面的有括弧的單詞叫做方法 沒有括弧的單詞叫做屬性6、js的字面量(常量)
數值常量 整數 十進位整數 二進位 0 1 八進位 0--7 以0開頭 十六進位 0--9 a--f 以 0x開頭 顏色值組成 : # 小數 字元常量 用單引號和雙引號括起來的一串字元 "a" "ab" '9' 註意 : 使用時引號嵌套的問題 " '' " 或 ' " " ' 布爾值常量 值有兩個 true 真 false 假7、變數
程式運行時 值有可能會發生變化的量8、變數的定義和賦值
var 定義變數 var 變數名 = 值 定義變數並賦值 var 變數名 定義變數沒有賦值9、標識符命名規範 重點
1、只能由字母、數字、下劃線 或 $符號組成 (中文不提倡) 2、開頭不能是數字 3、不能使用系統指定的關鍵字命名 4、標識符儘量語義化 見名識意 5、不要情緒化命名 6、駝峰式命名: 小駝峰 qianFengJiaoYu 大駝峰 QianFengJiaoYu 7、匈牙利命名: iScore 表示分數 是一個數值 i表示 int fScore f表示float oBtn o表示object10、js輸出語句的使用
1、輸出變數時,變數一定不能加引號 2、輸出字元串時,一定要加 引號 3、同時輸出字元串和變數時,中間用+拼接11、數據類型 重點記住
基本數據類型: 數值類型 number12、確定變數類型 擴展
字元類型 string
布爾類型 Boolean
複合數據類型(引用數據類型): 對象類型 object
特殊數據類型: null 空
undefined 未定義 一個變數定以後未賦值,結果為undefined
function 函數
typeof 用法 : typeof 變數 或 typeof(變數) typeof的結果沒有null,null本身就是一個對象 當typeof null 得到object typeof typeof 變數 結果都是字元串13、運算符和表達式 重要
運算符 : 運算符號14、算術運算符
表達式 : 常量、變數、一個由運算符連接的式子 算術 賦值 關係 邏輯 條件 運算符有哪些? 表達式?? 表達式的值確定??
運算符 :15、賦值運算符
雙目(二元)運算符 : + - * / %(模)
單目(一元)運算符 :++ --
表達式 : 6+8
表達式的值: - * / %(模) 兩邊都是數值 正常計算 兩邊有一側是數字字元串,另一側是數值,字元串會自動轉成數值 正常計算 兩邊都是純數字字元串,字元串會自動轉成數值 正常計算 有一側是非數字字元串,不能進行計算,結果是NaN 不能正常計算的結果都是NaN NaN:not a number 不是一個數 NaN的typeof值 number ,NaN不等於任何數,包括自己 %運算 : 7%5 7%7 13%5 78%10 123%10 7%1 897%10 76843%10 擴展 : -7%5 -2 7%(-5) 2 -7%(-5) -2 任何數%10 結果都是 個位數 +運算符表達式的值: 字元串和數字相加表示連接 2+5+"9" -7 + 加法計算和 連接 ,連接優先 單目運算符 : ++ 自增 -- 自減 註意 : 要求操作數必須是變數 9++ --9 錯誤的 var i = 10; i++ 或 ++i 寫法正確 i++和++i區別 : 相同點 : 自增變數都會加1 或 減 1 不同點 : 表達式的值不同 如果++在變數前面, 先將自增變數的值自增1 , 再將自增變數的值賦值給整個表達式 先自增後賦值 如果++在後面, 先將自增變數的值賦值給整個表達式,再將自增變數的值自增1 先賦值後自增 var i = 1; 計算下麵表達式的值 程式運行時,變數一直會發生變化 i++ + ++i + i 1 3 3 i 2 3 var i = 1; 計算表達式的值 --i + i++ + ++i 0 0 2 i 0 1 2
運算符 : = 表達式 : =左側必須是 變數 x+y = 10 錯誤的 y = 10-x 正確 變數的值就是表達式的值 複合賦值運算符 : += -= *= /= %=16、關係運算符
x += 10; 等價於 x = x + 10;
運算符 : > >= < <= == 等於 ===全等 !=不等於 !== 不全等 表達式 : 2>3 2==3 67 > 90 表達式的值 : 關係表達式的值為布爾值17、邏輯運算符
關係表達式成立 結果為true,不成立 結果為false
1、兩側都是數字,正常比較
2、兩側都是字元串,正常比較 利用字元的ASCII碼 值比較 ,a--97 A--65 0--48
3、一側是數值,另一側是數字字元串,字元串會自動轉成數值,正常比較
4、不能正常比較的結果就是false
== 比較值是否相等 === 先比較類型,後比較值
運算符 :18、條件運算符
&&與 ||或 !非
表達式 :一般參與邏輯運算的都是布爾值 true && false true || true 4>3 || 6 == 8
表達式的值 : &&與 : 表示 且
&&符號兩側都為真(成立) ,結果才是真 true&&true 結果是true false && true 結果是false true && false 結果是false
||或 : ||符號兩側都為假(不成立),結果才是假 false || false 結果是false false || true 結果是true true || false 結果是true ! 非 :
非真就是假 !true 結果是false
非假就是真 !false 結果就是true
例如:定義一個變數 值 大於等於10並且小於等於20
var x = 11;
console.log( x >= 10 && x <= 20 ); true
定義一個變數,既能被2整除 又能被5整除
var i = 10;
console.log( i%2==0 && i%5 == 0 )
運算符 : ? : 三目運算符js中表示真假的幾種情況:
表達式 : 表達式1 ? 表達式2 : 表達式3 5>6 ? 7:8 表達式的值: 根據表達式1的值確定整個表達式的值
如果表達式1的值為真,取表達式2的做作為整個條件表達式的值
如果表達式1的值為假,取表達式3的做作為整個條件表達式的值 console.log( 3==9 ? 23:12 ) 結果 12 console.log( 3<=9 ? 23:12 ) 結果 23 console.log( 1 ? 23:12 ) 結果 23 console.log( 0 ? 23:12 ) 結果 12 console.log( "" ? 23:12 ) 結果 12 console.log( null ? 23:12 ) 結果 12
1、true為真 false為假 2、所有數字為真,0為假 3、所有字元串為真, 空串 為假 "" 4、所有對象為真 5、所有函數為真 6、null 和 undefined 為假