變量是內(nèi)存中被分配的指定空間的名字, 而變量的值是這個空間中的存儲的數(shù)據(jù)螃壤。
JavaScript 是個動態(tài)類型的編程語言(關(guān)于語言的分類可以研究一下這篇文字 類型系統(tǒng)(Type System)
變量本身數(shù)據(jù)類型不固定的語言稱之為動態(tài)語言氢烘。
與之相反的是靜態(tài)類型的編程語言钠乏,指的是在定義變量時必須指定變量類型幕与,如果賦值的時候類型不匹配鸟召,就會報錯腥寇。
JavaScript 的變量的數(shù)據(jù)類型可以分為兩類:基本類型(Primitive Values)和引用類型(Reference Values)民珍,基本類型也稱為簡單類型仑扑,由于其占據(jù)空間固定,是簡單的數(shù)據(jù)段,為了便于提升變量查詢速度段磨,將其存儲在棧中取逾,即按值訪問。
基本類型主要有五種:
- String
- Number
- Boolean
- Null
- undefined
- ES6新增了 Symbol(Symbol 生成一個全局的唯一的值)苹支。
基本類型在內(nèi)存中占據(jù)空間小且大小固定 砾隅,他們的值保存在棧(stack)空間,是按值來訪問债蜜。就是說你可以操作保存在變量中的實際值晴埂。
在 JavaScript 里變量的存儲包含三個部分:
- 棧區(qū)的變量標示符;
- 棧區(qū)變量的值策幼;
- 堆區(qū)存儲的對象邑时。
基本類型的數(shù)據(jù)類型有以下4個特點:
一奴紧、值不可變
任何方法都無法改變一個基本類型的值特姐,比如一個字符串:
var blog = 'Felix';
var blogLower = blog. toLowerCase(); // toLowerCase 函數(shù)返回一個新字符串
console.log(blogLower) // 'felix'
console.log(blog); // 'Felix'
var blogSub = blog.substring(0, 3); // substring 函數(shù)返回一個新字符串
console.log(blogSub); // 'Fel'
console.log(blog); // 'Felix'
上面的代碼,我們可以看到 blog 在調(diào)用字符串函數(shù) toLowerCase 和 substring 后并未發(fā)生改變黍氮。toLowerCase 和 substring 返回的都是一個新的字符串唐含。
var user = 'Felix';
user.age = 32;
user.getName = function(){//...};
console.log(user.age); // undefined
console.log(user.getName); // undefined
通過上面的代碼可知,我們不能給基本類型的數(shù)據(jù)添加屬性和方法沫浆,再次說明基本類型的數(shù)據(jù)是不可變的捷枯。
二、值的比較
如下代碼
var a = 1;
var b = true;
console.log(a == b); // true
這里其實這是隱式類型轉(zhuǎn)換(Implicit Type Conversion)和 == 運算符的知識了专执,也就是說在用 == 比較兩個不同類型的變量時會進行一些隱式類型轉(zhuǎn)換淮捆。像上面的比較先會把 a 的數(shù)字 1 轉(zhuǎn)換為 true 再和數(shù)字 b 進行比較,結(jié)果就是 true 了本股。 這是當比較的兩個值的類型不同的時候 == 運算符會進行隱式類型轉(zhuǎn)換攀痊,因此在做比較運算時,即使兩個值和類型都相同拄显,也強烈建議使用 === 苟径。
三、存放在棧區(qū)的
棧區(qū)指內(nèi)存中的棧內(nèi)存躬审,假如有以下幾個基本類型的變量:
var name = 'Felix';
var isStudent = true;
var age = 32;
那么它的存儲結(jié)構(gòu)如下圖:
<img src="https://user-images.githubusercontent.com/8563874/47794531-a1bbc500-dd5b-11e8-9bfc-0df9911e7ed0.png" width="400">
棧區(qū)包括了變量的標識符和變量的值棘街。
四、 typeOf 操作符檢測
基本數(shù)據(jù)類型的數(shù)據(jù)類型檢測使用 typeOf() 函數(shù)承边,除 null遭殉,null 有屬于自己的數(shù)據(jù)類型 Null 。
typeof ''; // string 有效
typeof 1; // number 有效
typeof Symbol(); // symbol 有效
typeof true; //boolean 有效
typeof undefined; //undefined 有效
typeof null; //object 無效
- 對于引用類型博助,除 function 以外恩沽,一律返回 object 類型。
- 對于 function 返回 function 類型翔始。
typeof [] ; //object 無效
typeof new Function(); // function 有效
typeof new Date(); //object 無效
typeof new RegExp(); //object 無效