1、概述
由iOS轉(zhuǎn)前端快兩年了，一直處于應(yīng)用層面和不斷學(xué)習(xí)新的框架的階段梗顺，一直沒有好好的總結(jié)前端最基礎(chǔ)也是最重要的語法--js，現(xiàn)在開始準(zhǔn)備把js重新梳理一遍赚瘦，讓自己進(jìn)一步的提升粟誓，希望對(duì)大家也有所幫助！
2蚤告、基本類型
話不多說先說說基本類型：
基本的數(shù)據(jù)類型有：`undefined努酸，boolean，number杜恰，string获诈，null.基本類型的訪問是按值訪問的，就是說你可以操作保存在變量中的實(shí)際的值心褐。
基本類型有以下幾個(gè)特點(diǎn)：
1.基本類型的值是不可變得
任何方法都無法改變一個(gè)基本類型的值舔涎，比如一個(gè)字符串：
var name = 'jay';
name.toUpperCase(); // 輸出 'JAY'
console.log(name); // 輸出 'jay'
會(huì)發(fā)現(xiàn)原始的name并未發(fā)生改變，而是調(diào)用了toUpperCase()方法后返回的是一個(gè)新的字符串逗爹。
再比如：
var person = 'jay';
person.age = 22;
person.method = function(){//...};
console.log(person.age); // undefined
console.log(person.method); // undefined
通過上面代碼可知亡嫌，我們不能給基本類型添加屬性和方法，再次說明基本類型時(shí)不可變的掘而；
2.基本類型的比較是值的比較：
只有在它們的值相等的時(shí)候它們才相等挟冠。
但你可能會(huì)這樣：
var a = 1;
var b = true;
console.log(a == b);//true
它們不是相等嗎？其實(shí)這是類型轉(zhuǎn)換和 == 運(yùn)算符的知識(shí)了袍睡，也就是說在用==比較兩個(gè)不同類型的變量時(shí)會(huì)進(jìn)行一些類型轉(zhuǎn)換知染。像上面的比較先會(huì)把true轉(zhuǎn)換為數(shù)字1再和數(shù)字1進(jìn)行比較，結(jié)果就是true了斑胜。
這是當(dāng)比較的兩個(gè)值的類型不同的時(shí)候==運(yùn)算符會(huì)進(jìn)行類型轉(zhuǎn)換控淡，但是當(dāng)兩個(gè)值的類型相同的時(shí)候，即使是==也相當(dāng)于是===止潘。
var a = 'jay';
var b = 'jay';
console.log(a === b);//true
3.基本類型的變量是存放在棧區(qū)的（棧區(qū)指內(nèi)存里的棧內(nèi)存）
假如有以下幾個(gè)基本類型的變量：
var name = 'jozo';
var city = 'guangzhou';
var age = 22;
那么它的存儲(chǔ)結(jié)構(gòu)如下圖：
image.png
棧區(qū)包括了 變量的標(biāo)識(shí)符和變量的值掺炭。
2.引用類型
引用類型會(huì)比較好玩有趣一些。
javascript中除了上面的基本類型(number,string,boolean,null,undefined)之外就是引用類型了凭戴，也可以說是就是對(duì)象了涧狮。對(duì)象是屬性和方法的集合。
也就是說引用類型可以擁有屬性和方法簇宽，屬性又可以包含基本類型和引用類型勋篓。來看看引用類型的一些特性：
1.引用類型的值是可變的
我們可為為引用類型添加屬性和方法，也可以刪除其屬性和方法魏割，如：
var person = {};//創(chuàng)建個(gè)控對(duì)象 --引用類型
person.name = 'jozo';
person.age = 22;
person.sayName = function(){console.log(person.name);}
person.sayName();// 'jozo'
delete person.name; //刪除person對(duì)象的name屬性
person.sayName(); // undefined
上面代碼說明引用類型可以擁有屬性和方法譬嚣，并且是可以動(dòng)態(tài)改變的。
2.引用類型的值是同時(shí)保存在棧內(nèi)存和堆內(nèi)存中的對(duì)象
javascript和其他語言不同钞它，其不允許直接訪問內(nèi)存中的位置竖般，也就是說不能直接操作對(duì)象的內(nèi)存空間，那我們操作啥呢枫攀？ 實(shí)際上总放，是操作對(duì)象的引用店溢，
所以引用類型的值是按引用訪問的。
準(zhǔn)確地說，引用類型的存儲(chǔ)需要內(nèi)存的棧區(qū)和堆區(qū)（堆區(qū)是指內(nèi)存里的堆內(nèi)存）共同完成，棧區(qū)內(nèi)存保存變量標(biāo)識(shí)符和指向堆內(nèi)存中該對(duì)象的指針趾盐，
也可以說是該對(duì)象在堆內(nèi)存的地址。
假如有以下幾個(gè)對(duì)象：
var person1 = {name:'jozo'};
var person2 = {name:'xiaom'};
var person3 = {name:'xiaoq'};
則這三個(gè)對(duì)象的在內(nèi)存中保存的情況如下圖：
image.png
3.引用類型的比較是引用的比較
var person1 = '{}';
var person2 = '{}';
console.log(person1 == person2); // true
上面講基本類型的比較的時(shí)候提到了當(dāng)兩個(gè)比較值的類型相同的時(shí)候小腊，相當(dāng)于是用 === 救鲤，所以輸出是true了。再看看：
var person1 = {};
var person2 = {};
console.log(person1 == person2); // false
可能你已經(jīng)看出破綻了秩冈，上面比較的是兩個(gè)字符串本缠，而下面比較的是兩個(gè)對(duì)象，為什么長(zhǎng)的一模一樣的對(duì)象就不相等了呢入问？
別忘了丹锹，引用類型時(shí)按引用訪問的，換句話說就是比較兩個(gè)對(duì)象的堆內(nèi)存中的地址是否相同芬失，那很明顯楣黍，person1和person2在堆內(nèi)存中地址是不同的：
image.png
所以這兩個(gè)是完全不同的對(duì)象，所以返回false;
3.簡(jiǎn)單賦值
在從一個(gè)變量向另一個(gè)變量賦值基本類型時(shí)棱烂，會(huì)在該變量上創(chuàng)建一個(gè)新值锡凝，然后再把該值復(fù)制到為新變量分配的位置上：
var a = 10;
var b = a;
a ++ ;
console.log(a); // 11
console.log(b); // 10
此時(shí)，a中保存的值為 10 垢啼，當(dāng)使用 a 來初始化 b 時(shí)，b 中保存的值也為10张肾，但b中的10與a中的是完全獨(dú)立的芭析，該值只是a中的值的一個(gè)副本，此后吞瞪，
這兩個(gè)變量可以參加任何操作而相互不受影響馁启。
也就是說基本類型在賦值操作后，兩個(gè)變量是相互不受影響的芍秆。
image.png
4.對(duì)象引用
當(dāng)從一個(gè)變量向另一個(gè)變量賦值引用類型的值時(shí)惯疙，同樣也會(huì)將存儲(chǔ)在變量中的對(duì)象的值復(fù)制一份放到為新變量分配的空間中。前面講引用類型的時(shí)候提到妖啥，
保存在變量中的是對(duì)象在堆內(nèi)存中的地址霉颠，所以，與簡(jiǎn)單賦值不同荆虱，這個(gè)值的副本實(shí)際上是一個(gè)指針蒿偎，而這個(gè)指針指向存儲(chǔ)在堆內(nèi)存的一個(gè)對(duì)象朽们。那么賦值操作后，兩個(gè)變量都保存了同一個(gè)對(duì)象地址诉位，則這兩個(gè)變量指向了同一個(gè)對(duì)象骑脱。因此，改變其中任何一個(gè)變量苍糠，都會(huì)相互影響：
var a = {}; // a保存了一個(gè)空對(duì)象的實(shí)例
var b = a; // a和b都指向了這個(gè)空對(duì)象
a.name = 'jozo';
console.log(a.name); // 'jozo'
console.log(b.name); // 'jozo'
b.age = 22;
console.log(b.age);// 22
console.log(a.age);// 22
console.log(a == b);// true
它們的關(guān)系如下圖：
image.png
因此叁丧，引用類型的賦值其實(shí)是對(duì)象保存在棧區(qū)地址指針的賦值，因此兩個(gè)變量指向同一個(gè)對(duì)象岳瞭，任何的操作都會(huì)相互影響拥娄。
