幾句話就能讓你理解：this、閉包、原型鏈

LeoHsiun 發布于2019-08-20 11:17 / 2328人閱讀

摘要：也就是說這個外部函數的作用域就是閉包本身。無論通過何種手段直接或間接將內部函數傳遞到所在的詞法作用域以外，它都會持有對原始定義作用域的引用，無論在何處執行這個函數都會使用閉包。

以下是個人對這三個老大難的總結（最近一直在學習原生JS，翻了不少書，不少文檔，雖然還是新手，但我會繼續堅持走我自己的路）

原型鏈

所有對象都是基于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判斷

由new調用？綁定到新創建的空對象；

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

由上下文對象調用？綁定到這個上下文對象；如obj.foo()

默認情況下綁定到全局對象，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(); }

云服務器 GPU云服務器幾句話 js閉包的理解區塊鏈投資700元就能賺原型原型鏈

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/80487.html

繼承與原型

摘要：既然構造函數有屬于自己的原型對象，那么我們應該能讓另一個構造函數來繼承他的原型對象咯我們在構造函數內部執行了函數并改變了函數內部的指向其實這個指向的是實例化之后的對象。我們在討（mian）論（shi）JavaScript這門語言時，總是繞不過的一個話題就是繼承與原型鏈。那么繼承與原型鏈到底是什么呢？我很喜歡的一個聊天模式是：我不能說XX是什么，我只能說XX像什么。也就是說我不直接跟...

My_Oh_My 2019-08-26 11:40 評論0 收藏0
JavaScript系列（四） - 收藏集 - 掘金

摘要：函數式編程前端掘金引言面向對象編程一直以來都是中的主導范式。函數式編程是一種強調減少對程序外部狀態產生改變的方式。 JavaScript 函數式編程 - 前端 - 掘金引言面向對象編程一直以來都是JavaScript中的主導范式。JavaScript作為一門多范式編程語言，然而，近幾年，函數式編程越來越多得受到開發者的青睞。函數式編程是一種強調減少對程序外部狀態產生改變的方式。因此，...

cfanr 2019-08-20 16:33 評論0 收藏0
JS原型鏈，作用域鏈，上下文，閉包，this查缺補漏(大雜燴)

摘要：走在前端的大道上本篇是一篇文章帶你理解原型和原型鏈一篇文章帶你完全理解的查漏補缺，會不斷豐富提煉總結更新。走在前端的大道上本篇是一篇文章帶你理解原型和原型鏈、一篇文章帶你完全理解this的查漏補缺，會不斷豐富提煉總結更新。什么是原型鏈原型鏈是針對構造函數的，比如我先創建了一個函數，然后通過一個變量new了這個函數，那么這個被new出來的函數就會繼承創建出來的那個函數的屬性...

eccozhou 2019-08-21 18:00 評論0 收藏0
JS之原型與原型鏈

摘要：因此，就會形成一個原型鏈對象到原型，再到原型的原型如果一層層地上溯，所有對象的原型最終都可以上溯到，即構造函數的屬性。對于很多前端開發者而言，JavaScript中原型與原型鏈是一個比較容易疑惑的點，所以本文記錄了自己對應這方面的一點理解，以后有更深的理解再來更新。對象想要了解原型與原型鏈，首先要了解什么是對象？面向對象編程（Object Oriented Programmin...

Fourierr 2019-08-23 12:56 評論0 收藏0
2018年3月面試心得《上下文，作用域》

摘要：因為一旦代碼丟出來了，還會涉及到繼承，構造函數，原型鏈，閉包等一系列問題在后面等著你，面試管為了掏你的底細會一問再問，問到你懵逼。不可以當作構造函數，也就是說，不可以使用命令，否則會拋出一個錯誤。上一篇2018年3月面試心得《跨域問題》話說我在面試的時候，有那么幾天，不知道是中了什么邪，面試的幾家公司開始瘋狂的問我this，各種的this，繞著彎的問我this，后來我做夢都是thi...

zhangyucha0 2019-08-22 15:52 評論0 收藏0