數(shù)據(jù)類型分類

JavaScript語言的每一個值，都屬于某一種數(shù)據(jù)類型锌妻。JavaScript的數(shù)據(jù)類型继阻，共有六種办龄。

數(shù)值（number）：整數(shù)和小數(shù)（比如1和3.14）
字符串（string）：字符組成的文本（比如"Hello World"）
布爾值（boolean）：true（真）和false（假）兩個特定值
undefined：表示“未定義”或不存在垮耳，即此處目前沒有任何值
null：表示空缺颈渊，即此處應(yīng)該有一個值，但目前為空
對象（object）：各種值組成的集合

范例

var num = 100;
var str = 'jirengu';
var isOk = true ;
var hello;  //undefined
var empty = null; 
var person = {    申明了一個對象
  name: '若愚',
  age: 100
}
var arr = [1, 2, 3];申明了一個數(shù)組氨菇，里面可以是任何
var sayName = function(){           一個函數(shù)
  console.log('my name is jirengu')
}
var reg = /hello/;  正則表達(dá)式

原始類型和復(fù)雜類型

數(shù)值儡炼、字符串妓湘、布爾值稱為原始類型（primitive type）的值查蓉，即它們是最基本的數(shù)據(jù)類型，不能再細(xì)分了榜贴。

將對象稱為復(fù)雜類型（complex type）的值豌研，因為一個對象往往是多個原始類型的值的合成妹田，可以看作是一個存放各種值的容器。

至于undefined和null鹃共，一般將它們看成兩個特殊值鬼佣。

對象的細(xì)分

對象又可以分成三個子類型。

狹義的對象（object）
數(shù)組（array）
函數(shù)（function）
正則表達(dá)式 (regexp)

typeof運(yùn)算符

JavaScript有三種方法霜浴，可以確定一個值到底是什么類型晶衷。

typeof運(yùn)算符
instanceof運(yùn)算符
Object.prototype.toString方法
instanceof運(yùn)算符和Object.prototype.toString方法，將在后文相關(guān)章節(jié)介紹阴孟。這里著重介紹typeof運(yùn)算符晌纫。

typeof運(yùn)算符可以返回一個值的數(shù)據(jù)類型，可能有以下結(jié)果永丝。

原始類型

數(shù)值锹漱、字符串、布爾值分別返回number慕嚷、string哥牍、boolean。

typeof 123 // "number"      typeof undefined
"undefined" typeof []
"object"

typeof /ss/
"object"         typeof null
"object"         typeof {}
"object"
typeof '123' // "string"    typeof false // "boolean"

函數(shù)

函數(shù)返回function喝检。

function f() {}
typeof f
// "function"

判斷一個函數(shù)

function isFunction(val){

return typeof val === 'function'

}

undefined

isFunction(f)

true

undefined

undefined返回undefined嗅辣。

typeof undefined
// "undefined"

typeof undefined 范例

利用這一點(diǎn)，typeof可以用來檢查一個沒有聲明的變量蛇耀，而不報錯辩诞。

v  // ReferenceError: v is not defined
typeof v // "undefined"

實(shí)際編程中，這個特點(diǎn)通常用在判斷語句纺涤。

// 錯誤的寫法
if (v) { }  // ReferenceError: v is not defined

// 正確的寫法
if (typeof v === "undefined") { }

其他

除此以外译暂，其他情況都返回object。

typeof window // "object"
typeof {} // "object"
typeof [] // "object"
typeof null // "object"

區(qū)分?jǐn)?shù)組和對象

var o = {};
var a = [];

o instanceof Array // false  instanceof判斷一個東西是不是甴構(gòu)造函數(shù)創(chuàng)造的實(shí)例
a instanceof Array // true

null 和 undefined

可選

淵源

`null`與`undefined`都可以表示“沒有”撩炊，含義非常相似外永。將一個變量賦值為`undefined`或`null`，老實(shí)說拧咳，語法效果幾乎沒區(qū)別伯顶。


var a = undefined;
var a = null;


上面代碼中，a變量分別被賦值為`undefined`和`null`骆膝，這兩種寫法的效果幾乎等價祭衩。

在`if`語句中，它們都會被自動轉(zhuǎn)為`false`阅签，相等運(yùn)算符（`==`）甚至直接報告兩者相等掐暮。


if (!undefined) {
  console.log('undefined is false');
}
// undefined is false

if (!null) {
  console.log('null is false');
}
// null is false

undefined == null
// true


上面代碼說明，兩者的行為是何等相似政钟！Google公司開發(fā)的JavaScript語言的替代品Dart語言路克，就明確規(guī)定只有`null`樟结，沒有`undefined`！

既然含義與用法都差不多精算，為什么要同時設(shè)置兩個這樣的值瓢宦，這不是無端增加復(fù)雜度，令初學(xué)者困擾嗎灰羽？這與歷史原因有關(guān)驮履。

1995年JavaScript誕生時，最初像Java一樣廉嚼，只設(shè)置了`null`作為表示"無"的值疲吸。根據(jù)C語言的傳統(tǒng)，`null`被設(shè)計成可以自動轉(zhuǎn)為0前鹅。


Number(null) // 0
5 + null // 5


但是摘悴，JavaScript的設(shè)計者Brendan Eich，覺得這樣做還不夠舰绘，有兩個原因蹂喻。

首先，null像在Java里一樣捂寿，被當(dāng)成一個對象口四。但是，JavaScript的數(shù)據(jù)類型分成原始類型和合成類型兩大類秦陋，Brendan Eich覺得表示"無"的值最好不是對象蔓彩。

其次，JavaScript的最初版本沒有包括錯誤處理機(jī)制驳概，發(fā)生數(shù)據(jù)類型不匹配時赤嚼，往往是自動轉(zhuǎn)換類型或者默默地失敗。Brendan Eich覺得顺又，如果`null`自動轉(zhuǎn)為0更卒，很不容易發(fā)現(xiàn)錯誤。

因此稚照，Brendan Eich又設(shè)計了一個`undefined`蹂空。他是這樣區(qū)分的：`null`是一個表示"無"的對象，轉(zhuǎn)為數(shù)值時為0果录；`undefined`是一個表示"無"的原始值上枕，轉(zhuǎn)為數(shù)值時為`NaN`。


Number(undefined) // NaN
5 + undefined // NaN


但是弱恒，這樣的區(qū)分在實(shí)踐中很快就被證明不可行辨萍。目前`null`和`undefined`基本是同義的，只有一些細(xì)微的差別斤彼。

`null`的特殊之處在于分瘦，JavaScript把它包含在對象類型（object）之中。


typeof null // "object"


上面代碼表示琉苇，查詢`null`的類型嘲玫，JavaScript返回`object`（對象）。

這并不是說null的數(shù)據(jù)類型就是對象并扇，而是JavaScript早期部署中的一個約定俗成去团，其實(shí)不完全正確，后來再想改已經(jīng)太晚了穷蛹，會破壞現(xiàn)存代碼土陪，所以一直保留至今。

注意肴熏，JavaScript的標(biāo)識名區(qū)分大小寫鬼雀，所以`undefined`和`null`不同于`Undefined`和`Null`（或者其他僅僅大小寫不同的詞形），后者只是普通的變量名蛙吏。

用法和含義

對于null和undefined源哩，可以大致可以像下面這樣理解。

null表示空值鸦做，即該處的值現(xiàn)在為空励烦。典型用法是：

作為函數(shù)的參數(shù)，表示該函數(shù)的參數(shù)是一個沒有任何內(nèi)容的對象泼诱。
作為對象原型鏈的終點(diǎn)坛掠。
undefined表示不存在值，就是此處目前不存在任何值治筒。典型用法是：

變量被聲明了屉栓，但沒有賦值時，就等于undefined耸袜。
調(diào)用函數(shù)時系瓢，應(yīng)該提供的參數(shù)沒有提供，該參數(shù)等于undefined句灌。
對象沒有賦值的屬性夷陋，該屬性的值為undefined。
函數(shù)沒有返回值時胰锌，默認(rèn)返回undefined骗绕。

舉例

var i;
i // undefined

function f(x){console.log(x)}
f() // undefined

var  o = new Object();
o.p // undefined

var x = f();
x // undefined

Boolean

布爾值代表“真”和“假”兩個狀態(tài)∽拭粒“真”用關(guān)鍵字true表示酬土，“假”用關(guān)鍵字false表示。布爾值只有這兩個值格带。

下列運(yùn)算符會返回布爾值：

• 兩元邏輯運(yùn)算符： && (And)撤缴，|| (Or)
• 前置邏輯運(yùn)算符： ! (Not)
• 相等運(yùn)算符：===刹枉，!==，==屈呕，!=（==：近似相等微宝，“”==false）(===:絕對相等）
• 比較運(yùn)算符：>，>=虎眨，<蟋软，<=

轉(zhuǎn)換為false的類型

如果JavaScript預(yù)期某個位置應(yīng)該是布爾值，會將該位置上現(xiàn)有的值自動轉(zhuǎn)為布爾值嗽桩。轉(zhuǎn)換規(guī)則是除了下面六個值被轉(zhuǎn)為false岳守，其他值都視為true。

if(!null) { console.log('ok')}

• undefined
• null
• false
• 0
• NaN
• ""（空字符串）

空對象和空數(shù)組的轉(zhuǎn)換

需要特別注意的是碌冶，空數(shù)組（[]）和空對象（{}）對應(yīng)的布爾值湿痢，都是true。

if ([]) {
  console.log(true);
}
// true

if ({}) {
  console.log(true);
}
// true

Number

JavaScript的數(shù)字類型和其它語言有所不同扑庞，沒有整型和浮點(diǎn)數(shù)的區(qū)別蒙袍，統(tǒng)一都是Number類型，可以表示十進(jìn)制嫩挤、八進(jìn)制害幅、十六進(jìn)制

    var a = 10; //十進(jìn)制
    var b = 073; //八進(jìn)制
    vat c = 0xf3; //十六進(jìn)制

浮點(diǎn)數(shù)

浮點(diǎn)數(shù)是指數(shù)字包含小數(shù)點(diǎn)，小數(shù)點(diǎn)后至少有一位數(shù)字(沒有或者是0會轉(zhuǎn)為整數(shù))岂昭，前面可以沒有

    var a = 0.27;
    var b = .45;

對于極大或極小的數(shù)字可以使用科學(xué)計數(shù)法

    var a = 3.1e5; //310000

浮點(diǎn)數(shù)最高精度是17位以现，但是在計算的時候精度不如整數(shù)

    1 - 0.9; // 0.09999999999999998
    0.1 + 0.2; //0.30000000000000004
（以后去判斷最好轉(zhuǎn)換成整數(shù)）
a=0.1 b=0.2 
if(a*10+b*10===0.3*10){console.log('ok')}

Infinity

JavaScript Number不能表示所有數(shù)字，Infinity 表示無窮大

  1/0  //Infinit

NaN

NaN含義是Not a Number约啊，表示非數(shù)字邑遏，NaN和任何值都不相等，包括自己

    NaN == NaN; //false
  parseInt('abc'); //NaN

parseInt('3')//3：把3轉(zhuǎn)化成數(shù)字

數(shù)值轉(zhuǎn)換

有三個函數(shù)可以把非數(shù)值轉(zhuǎn)換為數(shù)值

1. Number()
2. parseInt(‘3’)：轉(zhuǎn)化整數(shù)
3. parseFloat(‘3.14’)：把小數(shù)轉(zhuǎn)化出來

parseInt parseFloat

忽略字符串前面的空白字符恰矩，找到第一個非空白字符
如果第一個字符不是-或者數(shù)字返回NaN
如果是繼續(xù)解析记盒，直到非數(shù)值模式為止
0開頭會當(dāng)做八進(jìn)制，0x開頭會當(dāng)做十六進(jìn)制外傅，但是可以指定第二個參數(shù)指定基數(shù)

   parseInt('blue'); //NaN
   parseInt('-23ABS'); // -23
   parseInt('0xf1'); // 241
   parseInt('101', 2); // 5

String

String是Unicode字符組成的序列纪吮，俗稱字符串，可以用雙引號或者單引號表示萎胰，沒有區(qū)別碾盟，匹配即可

var str = 'hello';
var str2 = "jirengu";
var str3 = 'hello "ruoyu" ';

Object

對象，就是一種無序的數(shù)據(jù)集合技竟，由若干個“鍵值對”（key-value）構(gòu)成冰肴。key我們稱為對象的屬性，value可以是任何JavaScript類型，甚至可以是對象

  var obj = {
    name: 'jirengu',
    age: 2
  };

object的屬性讀取有兩種方式

    obj.name;
    obj['name'];

http://javascript.ruanyifeng.com/grammar/basic.html

運(yùn)算符：

http://book.jirengu.com/fe/前端基礎(chǔ)/Javascript/運(yùn)算符.html

1.在兩個操作數(shù)都是數(shù)字的時候熙尉，會做加法運(yùn)算

2.兩個參數(shù)都是字符串或在有一個參數(shù)是字符串的情況下會把另外一個參數(shù)轉(zhuǎn)換為字符串做字符串拼接
"abc"+"def"=
"abcdef"（字符串相加）
123+"abc"
"123abc"
true+true
2
false+false
0 （
"" + 100
"100" ）

3.在參數(shù)有對象的情況下會調(diào)用其valueOf或toString
obj = {a:1,b:2}

Object {a: 1, b: 2}

obj +3

"[object Object]3"

obj.toString()

"[object Object]"

obj = {a:1,b:2,valueOf:function(){return 100}}

Object {a: 1, b: 2}

obj+3

103

4.在只有一個字符串參數(shù)的時候會嘗試將其轉(zhuǎn)換為數(shù)字
+"100 "
100

5.parseInt(a/b)取商為整數(shù)

6.a=3,b=5
a++ =3,
++b =6

5联逻，位運(yùn)算：
否運(yùn)算：~3 ：-4
左移運(yùn)算：<<
1<<2

4 (指1的二進(jìn)制向左移動了兩位，就是4了)

小括號

在JavaScript中检痰，圓括號是一種運(yùn)算符包归，它有兩種用法：如果把表達(dá)式放在圓括號之中，作用是求值攀细；如果跟在函數(shù)的后面，作用是調(diào)用函數(shù)爱态。

把表達(dá)式放在圓括號之中谭贪，將返回表達(dá)式的值。
(function(){})

function (){}

6锦担，void

void運(yùn)算符的作用是執(zhí)行一個表達(dá)式俭识，然后返回undefined。
function fn() {
var undefined =3;
var a;
if (a===void 0) {
console.log('===')
}else{
console.log('!==')
}
}
fn()
7洞渔，逗號運(yùn)算符

逗號運(yùn)算符用于對兩個表達(dá)式求值套媚，并返回后一個表達(dá)式的值。
3,4
a =3,4
4
4
a =(3,4)
4
var a=1,b=2; 加逗號磁椒，兩邊都是表達(dá)式堤瘤，整體是一條語句，不加逗號表示是兩條語句浆熔，需要兩行代碼執(zhí)行
=== var aa=1; bb=2;

8運(yùn)算符優(yōu)先級與結(jié)合性
1本辐，左結(jié)合
2，右結(jié)合
3医增，三元運(yùn)算符
w = a: b: c ? d : e? f : g;
w = a? b : (c? d: (e? f : g));

var val = typeof a + b|| c > 0

流程控制語句：

http://book.jirengu.com/fe/前端基礎(chǔ)/Javascript/語句.html

if

if語句是編程語言最常用的語句慎皱，語法

if(condition){
//true statement
}else {
//false statement
}

switch

switch 語句和if語句關(guān)系密切，語法

switch(expression){
case value1:
statement;
break;

case value2:
    statement;
    break;

case value3:
    statement;
    break;

default:
    statement;

}