javascript高級程序設計————讀書筆記

由於工作中遇到一些概念性問題覺得有些模糊不清，所以重新拿起來被譽爲javascript經典教程的紅寶書復讀一邊。摘抄部分內容以便以後使用以及加深記憶。

發表順序按照讀書順序排列，最後統一整理歸檔。

本博客內容由

第三章 基本概念

小結

• ### ECMAScript中基本數據類型包括Undefined、Null、Boolean、Number和String。
• ### ECMAScript沒有爲整數和浮點數值定義不同的數據類型，Number類型可以用於表示所有的數值。
• ### ECMAScript中也有一種複雜的數據類型，即Object類型，該類型是這門語言中所有對象的基礎類型。

ECMA中的函數與其他語言中的函數有諸多不同
無需指定函數的返回值，因爲任何ECMAScript函數都可以在任何時候返回任何值
實際上未指定返回值的函數返回的是另一個特殊的Undefined
ECMAScript中也沒有函數簽名的概念，因爲其函數參數是以包含一個零活多個值的數組的形式傳遞的。
可以向函數傳遞任意數量的參數，並且可以通過arguments對象來訪問這些參數。
由於不存在函數簽名，所以函數不能重載。

第四章 變量、作用域和內存問題

變量、作用域和內存問題。

4.1 基本類型和引用類型的值

在將一個值賦給變量時，解析器必須確定這個值是基本類型值還是引用類型值。

5種基本數據類型：Undefined、Null、Boolean、String、Number

基本類型值是按值訪問的，因此可以操作保存在變量中的實際的值。

引用類型的值是保存在內存中的對象，Javascript不允許直接訪問內存中的位置。所以，操作對象時，實際上在操作對象的引用而不是實際的對象。

很多語言中，字符串以對象的形式來表示，因此被認爲是引用類型。ECMAScript放棄了這一傳統

對於引用類型的值，我們可以爲其添加屬性和方法，也可以改變和刪除其屬性和方法。

不能給基本類型的值添加屬性，雖然這樣做不會導致任何錯誤。

所以 只能給引用類型值動態的添加屬性

4.1.2 複製變量值

從一個變量向另一個變量複製基本類型值和應用類型值時，存在不同。

var num1 = 5;
var num2 = num1;

num1中的值是5，num2中也保存了值5.但num2中的5和num1中的5是完全獨立的，該值只是num1中5的一個副本。這兩個變量可以參與任何操作而不會互相影響。

從一個變量向另一個變量複製引用類型的值時，同樣也會將存儲在變量對象中的值複製一份放到爲新變量分配的空間中。

不同的事，這個值的副本實際上是一個指針，而這個指針指向存儲在堆中的一個對象。兩個變量實際上引用同一個對象。

因此，改變其中一個變量，就會影響另一個變量

var obj1 = new Object();
var obj2 = obj1;
obj1.name = "皮皮蝦";
console.log(obj2.name);   //"皮皮蝦"

4.1.3 傳遞參數

ECMAScript中給所有函數的參數都是按值傳遞的。

把外部函數的值複製給函數內不得參數，就和把一個值從一個變量複製到另一個變量一樣。基本類型值的傳遞如同基本類型變量的複製一樣，而引用類型值得傳遞，則如同引用類型變量的複製一樣。

參數只能按值傳遞

在向參數傳遞基本類型的值時，被傳遞的值會被複制給一個局部變量（即命名參數，或者說就是arguments對象中的一個元素)。

在向參數傳遞引用類型的值時，會把這個值在內存中的地址複製給一個局部變量，因此這個局部變量的變化會反映在函數的外部。

function addTen(num){
    num+=10;
    return num;
}
var count = 20;
var result = addTen(count);
alert(count);       //沒有變化，20
alert(result);      // 30

如果使用對象說明傳遞參數：

function setName(obj){
    obj.name = "Nicolas";
}
var person = new Object();
setName(person);
alert(person.name)  // 'Nicolas'

上面的代碼創建了一個對象，並保存在變量person中。然後這個對象被傳遞到setName()函數之中後被複制給了obj。

在函數內部，obj和person引用的是同一個對象。即使這個對象時按值傳遞的，obj也會按引用來訪問同一個對象。

於是，當函數內部爲obj添加name屬性後，函數外部的person也將有所反應。

因爲person指向的對象在堆內存中只有一個，而且是全局對象。

錯誤：在局部作用域中修改的對象會在全局作用於中反映出來，就說明參數是按引用傳遞的。

爲了證明對象是按值傳遞的的，下面例子：

function setName(obj) {
    obj.name = "Nicolas";
    obj = new Object();
    obj.name = "Greg";
}
var person = new Object();
setName(person);
console.log(person.name);

如果person是按引用傳遞的，那麼person就會自動被修改爲指向其name屬性值爲”greg”的新對象。

但是其實訪問person.name時，現實的仍是”Nicolas”。

這說明即使在函數內部修改了參數的值，原始的引用仍然保持不變。

實際上，在函數內部重寫obj時，這個變量引用的就是一個局部對象了。而這個局部對象會在函數執行完畢後立即銷燬。

4.1.4 檢測類型

使用typeof操作符，如果變量的值是一個對象或者null,則typeof操作符會返回”Object”;

instanceof操作符：

result = variable instanceof constructor

如果變量時給定引用類型的實例，那麼instanceof操作符就會返回true;

4.2執行環境及作用域

執行環境定義了變量或函數有權訪問的其他數據，決定了他們各自的行爲。

每個執行環境都有一個與之關聯的變量對象。

全局執行環境是最外圍的一個執行環境。

某個執行環境中的所有代碼執行完畢後，該環境被銷燬，保存在其中的所有變量和函數定義也隨之銷燬。

每個函數都有自己的執行環境。當執行流進入一個函數式，函數的環境就會被推入一個環境棧中。而在函數執行之後，棧將其環境彈出，把控制權返回給之前的執行環境。

當代嗎在一個環境中執行時，會創建變量對象的一個作用域鏈。

作用域鏈的用途，是保證對執行環境有權訪問的所有變量和函數的有序訪問。

作用域鏈的前端，始終都是當前執行的代碼所在環境的變量對象。如果這個環境是函數，則將其活動對象作爲變量對象。

活動對象在最開始只包含一個變量，即arguments對象(這個對象在全局環境不存在)。

作用域鏈的下一個變量對象來自外部環境，而再下一個變量對象則是來自下一個包含環境。這樣一直延續到全局執行環境；全局執行環境的變量對象始終都是作用域鏈中的最後一個對象。

函數參數也被當做變量來對待，因此其訪問規則與執行環境中的其他變量相同

4.2.1 延長作用域鏈

有些語句可以在作用域鏈的前端臨時增加一個變量對象，該變量對象會在代碼執行後被移除。

當執行流進入下列任何一個語句時，作用域鏈就會得到加長：

1. try-catch語句的catch塊
2. with語句。

這兩個語都會在作用域鏈的前端添加一個變量對象。

對於with語句來說，會將指定的對象添加到作用域鏈中。

對於cahtch語句來說，會創建一個新的變量對象，其中包含的是被拋出的錯誤對象的聲明。

4.2.2 沒有塊級作用域

javascript 沒有塊級作用域。

if(true){
    var color = "blue";
}
alert(color); // 'blue';

javascript中,if,for語句中變量聲明會將變量添加到當前的執行環境中。

1.聲明變量

使用var 生命的變量回自動被添加到最接近的環境中。在函數內部，最接近的環境就是函數的局部環境；

在with語句中，最接近的環境是函數環境。

如果初始化變量時沒有使用var聲明，該變量回自動被添加到全局環境。

在JavaScript中，不聲明而直接初始化變量是一個常見的錯誤做法，因爲這樣可能會導致意外。在嚴格模式下，初始化未經聲明的變量會導致錯誤。

2.查詢標識符。

如果局部環境中存在着同名標識符，就不會使用位於父環境中的標識符。

4.3 垃圾收集

JavaScript具有自動垃圾收集機制，也就是說，執行環境會負責管理代碼執行過程中使用的內存。

函數中局部變量的正常生命週期。局部變量旨在函數執行的過程中存在。而在這個過程中，會爲局部變量在棧（或堆）內存上分配相應的空間，以便存儲他們的值。然後在函數中使用這些變量，直至函數執行結束。此時，局部變量就沒有存在的必要了，因此可以釋放他們的內存以供將來使用。

4.3.1 標記清楚

JavaScript最常用的辣雞收集方式是標記清除(mark-and-sweep)。

當變量進入環境時，就將這個變量標記爲“進入環境”。從邏輯上講，永遠不能釋放進入環境的變量所佔用的內存，因爲只要執行流進入相應的環境，就可能回用到他們。

當變量離開環境時，則將其標記爲“離開環境”。

4.3.2 引用計數

另一種不太常見的辣雞收集策略叫引用計數。

引用計數的含義是跟蹤記錄每個值被引用的次數。

當聲明瞭一個變量並將一個引用類型值賦給該變量時，則這個值的引用次數就是1。

如果同一個值又被賦給另一個變量，則該值得引用次數加1.

相反，如果包含這個值引用的變量又取得了另外一個只，則將這個值的引用次數減1.

當這個值的引用次數變成0時，則說明沒有辦法再訪問這個值了，因而就可以將其佔用的內存空間收回來。

這樣，當垃圾收集器下次再運行時，它就會釋放那些引用次數爲零的值所佔用的內存。

循環引用

var element = document.getElementById('some_element');
var myObject = new Object();
myObject.element = element;
element.someObject = myObject;

在一個DOM元素與一個javascript對象之間創建了循環引用，變量myObject有一個名爲element的屬性指向element對象;而變量element也有一個屬性名交someObject回指myObject。由於存在這個循環引用，即使將DOM從頁面移除，它也永遠不會回收。

爲了避免循環引用，最好在不使用他們的時候手動斷開原生JavaScript與DOM元素之間的鏈接。

myObject.element = null;
element.someObject = null;

一旦數據不再游泳，最好通過將其值設置爲null來釋放其引用。這個方法叫做解除引用。

這個做法適合大多數全局變量和全局對象的屬性。局部變量會在它們離開執行環境時自動被解除引用。

解除一個值得引用並不意味着自動回收該值所佔用的內存。解除引用真正的作用是讓值脫離執行環境，以便下次垃圾收集器運行時將其收回。