每天一句:每個(gè)月要讀一本書,離開學(xué)校了,你還要經(jīng)常保持閱讀的習(xí)慣,大學(xué)時(shí)候,考前的通宵達(dá)旦,說明你具備快速學(xué)習(xí)的能力,不要讓這種能力鈍化。
一、標(biāo)識符&關(guān)鍵字&保留字
- 標(biāo)識符,就是變量、函數(shù)、屬性的名字,或者函數(shù)的參數(shù),標(biāo)示符規(guī)則
a、第一個(gè)字符必須是一個(gè)字母、下劃線(_)或美元符($);
b、其他字符可以是字母、下劃線、美元符或數(shù)字;
c、不能把關(guān)鍵字、保留字、true、false、null作為標(biāo)識符;
-
關(guān)鍵字是有特殊含義的,不能用作標(biāo)示符
關(guān)鍵字 -
保留字雖然還沒有特定用途,但它們很有可能在將來被用作關(guān)鍵字,所以不能作為標(biāo)示符
保留字
二、數(shù)據(jù)類型
JavaScript是弱類型腳本語言,聲明變量時(shí)無需指定變量的數(shù)據(jù)類型,即是變量的數(shù)據(jù)類型是解釋時(shí)動(dòng)態(tài)決定的,但JavaScript的值保存在內(nèi)存中時(shí),也是有數(shù)據(jù)類型的。
基本數(shù)據(jù)類型:
Number數(shù)值類型: 包含整數(shù)和浮點(diǎn)數(shù);
Boolean布爾類型: 只有true或false兩個(gè)值;
String字符串類型: 字符串變量必須用引號括住(單引號或雙引號);
Undefined類型: 專門用來確定一個(gè)已經(jīng)創(chuàng)建但沒有初始值的變量;
Null類型: 用于表明某個(gè)變量的值為空;
【注: 復(fù)雜數(shù)據(jù)類型Object;ECMAScript不支持任何創(chuàng)建自定義類型的機(jī)制,所有的值都以上6中數(shù)據(jù)類型之一】
- typeof操作符
typeof操作符是用來檢測變量的數(shù)據(jù)類型,對于值或變量使用typeof會返回字符串
var num = 10;
alert( typeof num ); // number
-
Undefined類型
- Undefined類型只有一個(gè)值,即是特殊的undefined,在使用var聲明變量,但沒有對其初始化時(shí),變量的值就是為undefined,這個(gè)值主要的目的是為了比較的
var a; alert(a); // undefined
- 對于未初始化的變量與根本不存在的變量(未聲明的變量是不一樣的)
var num; alert(num); // undefined alert(age); // ReferenceError: age is not defined
注: typeof num和typeof age都返回的是undefined。但在邏輯上,它們的值,一個(gè)是undefined,一個(gè)是報(bào)錯(cuò);但它們的類型都是undefined,所以定義變量時(shí),盡可能的不要只聲明不賦值!
-
Null類型
- Null類型只有一個(gè)值,即特殊值null,它表示變量的值為空或空對象引用,而typeof操作符檢測null會返回object
var box = null; alert(typeof box); // object
- undefined是派生自null的,因此它們的相等性測量返回的是true
if( null == undefined ) // true
注意: undefined與null之間的差別比較微妙,undefined表示沒有初始值,而null表示變量有值的,只是其值為null!!
- Boolean類型
- Boolean類型只有兩個(gè)值: true和false,但true不一定等于1,false不一定等于0;另外JS區(qū)分大小寫的,True和False或其他都不是Boolean類型的值
var box = true; alert(typeof box); // boolean
- 雖然Boolean類型的字面量只有true和false兩種,但所有類型的值都有與這個(gè)兩個(gè)Boolean值等價(jià)的值。要將一個(gè)值轉(zhuǎn)換為其對應(yīng)的Boolean值,可以使用轉(zhuǎn)型函數(shù)Boolean()
var hello = 'hello world!'; // 強(qiáng)制性轉(zhuǎn)換 var helloB = Boolean(hello); alert(helloB); // true // 隱式轉(zhuǎn)換 if(hello){ alert('條件為true在這里'); // 執(zhí)行這條語句 } else { alert('條件為false在這里'); }
-
Number類型
Numer類型包括兩種數(shù)值: 整形和浮點(diǎn)型。- 最基本的數(shù)值字面量是十進(jìn)制整數(shù)
var num1 = 100; // 十進(jìn)制整數(shù)
- 八進(jìn)制字面量(以8為基數(shù)),前導(dǎo)必須是0,八進(jìn)制序列(0~7)
var num2 = 070; // 八進(jìn)制 var num3 = 079; // 無效八進(jìn)制,自動(dòng)解析為79 var num4 = 08; // 無效八進(jìn)制,自動(dòng)解析為8
【注意: 八進(jìn)制數(shù)并不是所有的瀏覽器都支持的】
- 十六進(jìn)制字面量,前面必須是0x,后面是(09和af)
var box = 0xA; // 十六進(jìn)制,10 var box = 0x1f; // 十六進(jìn)制,31
- 浮點(diǎn)型,就是該數(shù)值中必須包含一個(gè)小數(shù)點(diǎn)
var box = 3.8; var box = 0.8;
- NaN,即非數(shù)值(Not a Number)是一個(gè)特殊的值,這個(gè)數(shù)值用于表示一個(gè)本來要返回?cái)?shù)值的操作,未返回?cái)?shù)值的情況(這就不會導(dǎo)致代碼錯(cuò)誤而終止程序,因此不會影響程序執(zhí)行);0除以0,或者以Infinity(正無窮大)執(zhí)行算術(shù)運(yùn)算都會產(chǎn)生NaN的結(jié)果
var box = 0 / 0; // NaN var box = 12 / 0; // Infinity var box = 12 / 0 * 0; // NaN
注意: NaN不與任何值相等!!
- isNaN()函數(shù),用來判斷這個(gè)值到底是不是NaN【注: 將內(nèi)容轉(zhuǎn)換為數(shù)值】
alert(isNaN(NaN)); // true alert(isNaN(25)); // false, 25是一個(gè)數(shù)值 alert(isNaN('25')); // false,‘25’是一個(gè)字符串?dāng)?shù)值,可以轉(zhuǎn)為數(shù)值 alert(isNaN('Lee')); // true,‘Lee’不能轉(zhuǎn)為數(shù)值 alert(isNaN(true)); // false,true可以轉(zhuǎn)為數(shù)值1
- Number()函數(shù),將非數(shù)值轉(zhuǎn)為數(shù)值,可以用于任何類型(不能轉(zhuǎn)為數(shù)值,即是NaN)
alert(Number(true)); // 1,Boolean類型true和false分別對應(yīng)1和0 alert(Number(25)); // 25,數(shù)值類型直接返回 alert(Number(null)); // 0,空對象返回0 alert(Number(undefined)); // NaN,undefined返回NaN // 其實(shí)就是將雙引號去除,判斷是否為數(shù)值 // 字符串1,只包含數(shù)值的字符串,會直接轉(zhuǎn)成成十進(jìn)制數(shù)值,如果包含前導(dǎo)0,即自動(dòng)去掉 alert(Number('456')); // 456 alert(Number('070')); // 70 alert(Number('0x1f')); // 十六進(jìn)制轉(zhuǎn)為十進(jìn)制即31 // 字符串2,只包含浮點(diǎn)數(shù)值的字符串,會直接轉(zhuǎn)成浮點(diǎn)數(shù)值,如果包含前導(dǎo)和后導(dǎo) 0,即自動(dòng)去掉 alert(Number('08.90')); //8.9 // 字符串3,如果字符串是空,那么直接轉(zhuǎn)成0 alert(Number('')); // 0 // 字符串4,如果不是以上三種字符串類型,則返回NaN alert(Number('Lee123')); //NaN alert(Number('123aa')); //NaN
- parseInt()取整函數(shù),對于Number()函數(shù)在轉(zhuǎn)換字符串時(shí)比較復(fù)雜也不夠合理,所以更多會使用到parseInt(),從第一位解析到非整數(shù)位置
alert(parseInt('456Lee')); // 456,會返回整數(shù)部分 alert(parseInt('Lee456Lee')); // NaN,如果第一個(gè)不是數(shù)值,就返回 NaN alert(parseInt('12Lee56Lee')); // 12,從第一數(shù)值開始取,到最后一個(gè)連續(xù)數(shù)值結(jié)束 alert(parseInt('56.12')); // 56,小數(shù)點(diǎn)不是數(shù)值,會被去掉 alert(parseInt('')); // NaN,空返回 NaN
- parseFloat()函數(shù),用于浮點(diǎn)數(shù)值轉(zhuǎn)換的,和parseInt()一樣,從第一位解析到非浮點(diǎn)數(shù)位置
alert(parseFloat('123Lee')); // 123,去掉不是別的部分 alert(parseFloat('123.4.5')); // 123.4,只認(rèn)一個(gè)小數(shù)點(diǎn) alert(parseFloat('0123.400')); // 123.4,去掉前后導(dǎo)
-
String類型
String可以用雙引號或單引號表示。- toString()函數(shù),可以把值轉(zhuǎn)為字符串
var box1 = 11; alert(typeof box1.toString()); // string var box2 = true; alert(typeof box2.toString()); // string
- toString()一般是不需要傳參,但在數(shù)值轉(zhuǎn)為字符串時(shí),可以傳遞進(jìn)制參數(shù)
var box = 10; alert(box.toString()); // 10,默認(rèn)十進(jìn)制輸出 alert(box.toString(2)); // 1010,二進(jìn)制輸出 alert(box.toString(8)); // 12,八進(jìn)制輸出 alert(box.toString(10)); // 10,十進(jìn)制輸出 alert(box.toString(16)); // a,十六進(jìn)制輸出
Object類型
var test = null;
alert( typeof test );
三、運(yùn)算符
- 賦值運(yùn)算符'='
// 將變量str賦值為HelloWorld
var str = 'HelloWorld';
-
一元運(yùn)算符
只能操作一個(gè)值的運(yùn)算符即是一元運(yùn)算符;- 遞增'++'和遞減'- -'
var box = 100; ++box; // 把box累加一個(gè)1,相當(dāng)于 box = box + 1 --box; // 把box累減一個(gè)1,相當(dāng)于 box = box - 1 box++; // 同上 box--; // 同上
- 前置和后置的區(qū)別
沒有賦值操作,前置和后置是一樣的;
有賦值操作符時(shí),前置運(yùn)算符會先加加(減減)操作再賦值;后置運(yùn)算符先賦值再加加(減減)操作;var box = 100; var age = ++box; // age值為101,前置即是先執(zhí)行加加操作,再賦值 var height = box++; // height值為100,后置即是先賦值,再執(zhí)行加加操作 var a = 10; var b = a++ + 6; alert(b); // 16 var e = 10; var f = ++e + 6; alert(f); // 17
-
算術(shù)運(yùn)算符(二元運(yùn)算符)
- 加法運(yùn)算符 '+'
- 減法運(yùn)算符 '-'
- 乘法運(yùn)算符 '*'
- 除法運(yùn)算符 '/'
- 取余(求模) '%'
-
關(guān)系運(yùn)算符(二元運(yùn)算符)
小于(<)、大于(>)、小于等于(<=)、大于等于(>=)、等于(==)、不等于(!=)、全等(恒等)(===)- 等于(==): 如果前后兩個(gè)變量的值相等,則返回true
// 判斷5是否等于'5' alert( 5 == '5' ); // true,JS支持自動(dòng)類型轉(zhuǎn)換,所以需要時(shí),會將字符串'5'轉(zhuǎn)為數(shù)值類型
- 全等(===): 必須前后兩個(gè)變量的值相等,數(shù)據(jù)類型也相同,才會返回true
// 判斷5是否全等于'5' alert( 5 === '5'); // false,因?yàn)閮蓚€(gè)數(shù)據(jù)類型不匹配
- 等于(==): 如果前后兩個(gè)變量的值相等,則返回true
-
邏輯運(yùn)算符
- 邏輯與 &&(并且): 必須所有條件都為true,才返回true,否則返回false
alert( 5>4 && 10>8 ); // true,條件5>4成立,條件10>8成立,返回true
- 邏輯或 ||(或者): 只要有一個(gè)條件為true,就可以返回true,否則返回false
alert( 5>4 || 10<8 ); // true,條件5>4成立,雖然10<8不成立,但還是返回true
- 邏輯非 !: 只操作一個(gè)操作數(shù),如果操作數(shù)是true,則返回false;如果操作數(shù)是true,則返回false
alert( !false ); // true
三目運(yùn)算符
三目運(yùn)算符其實(shí)就是if...else...的簡寫操作
// 先執(zhí)行判斷操作,如果true執(zhí)行第二部分代碼,false執(zhí)行第三部分代碼
3 > 1 ? alert('3是大于1的') : alert('3是小于1的');