DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> 幾句話帶你理解JS中的this、閉包、原型鏈
幾句話帶你理解JS中的this、閉包、原型鏈
編輯:關於JavaScript     

原型鏈

所有對象都是基於Object.prototype,Object.prototype就是JavaScript的根對象,在Object.prototype中定義的方法都可以被其它對象訪問到,當然也可以被重寫了,所以直接在Object.prototype上調用的是原始功能的toString()方法,該方法會放回參數對象的內置屬性[[class]]的值,這個值是個字符串,比如'[Object String]'

要理解原型鏈機制的話,首先得知道根本原因:JavaScript中的對象都有一個內置屬性[[Prototype]],這個屬性和非標准的__proto__屬性一樣,__proto__在ES6中被納入標准了,可以說它們基本上是等價的,但內置屬性是無法訪問到的。對象之間通過內置屬性[[Prototype]]關聯了起來就形成了原型鏈,而原型鏈的頂層就是根對象Object.prototype,Object.prototype的原型將是null,即Object.prototype.__proto__ === null;

例如:

在訪問對象的屬性的時候,如:obj.a,首先查找自身,沒有,就到它的內置屬性[[Prototype]]所引用的對象上找,還是沒有,就繼續在這個上層對象的內置屬性[[Prototype]]所引用的對象上找,一直找到根對象Object.prototype,找不到就返回undefined;

this

理解this的第一步就是要明白:this既不指向函數自身,也不指向函數的詞法作用域;

this是在運行時進行綁定的,而不是在編寫時綁定,它的上下文取決於函數調用時的各種條件;

this的綁定和函數聲明的位置沒有任何關系,只取決於函數的調用位置和調用方式;

this綁定規則有4點:按優先級1到4判斷

1.由new調用?綁定到新創建的空對象;

2.由call、apply、bind調用?綁定到指定的參數對象;如foo.call(obj)

3.由上下文對象調用?綁定到這個上下文對象;如obj.foo()

4.默認情況下綁定到全局對象,foo();在嚴格模式下綁定到undefined;

閉包

function foo(){
var a = 2;
function bar(){}
return bar;
}
var a = foo();
a(); 

閉包:不是指函數bar也不是a,它是一個引用,這個引用被內部函數bar持有,這個引用指向外部函數foo的整個作用域,它使得這個作用域即使在外部函數foo()執行後也不會被垃圾回收器回收。也就是說這個外部函數foo的作用域就是閉包本身。
無論通過何種手段(直接或間接)將內部函數傳遞到所在的詞法作用域以外,它都會持有對原始定義作用域的引用,無論在何處執行這個函數都會使用閉包。

var fn; //間接傳遞函數
function foo(){
var a = 2;
function baz(){
console.log(a);
}
fn = baz;
}
function bar(){ fn();}
foo();
bar(); function foo(){
var a = 2;
function baz(){
console.log(a);
}
bar(baz);
}
function bar(fn){ fn(); }

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved