2. 程式人生 > >js作用域以及作用域鏈的理解

js作用域以及作用域鏈的理解

阿新 • • 發佈：2018-12-20

以前一直以為自己對作用域和作用域鏈瞭解的比較清晰，直到最近碰到一個問題的時候，才發現自己是真的傻逼了，具體問題的應用場景就不在這裡說了，下面我將簡單舉例說明下； 示例1: var a=20; function b1(){ console.log(a); }; function b2(){ var a=40; b1(); }; b2(); 如果能夠正確的寫出最後的結果的朋友們請忽略本題，如果和我一樣，想象的結果和實際的執行結果不一致的話，那麼請接著往下看。 對於上面的題目，我自己一開始沒咋經過大腦，或者說經過了大腦，但是基於對作用域和作用域鏈的理解不是那麼的深刻，所以做錯了這題。 上面的示例中，首先是經過全域性作用域，這個相信大家應該沒什麼問題， 然後在全域性作用域中，先進行預解析，此時會有一個變數物件，該變數物件中有a屬性和b1,b2宣告的函式。之後程式碼開始進入到執行步驟，在執行步驟中，遇到了a變數賦值以及執行函式b2，此時控制器進入到了b2的函式作用域中， 同樣，先進行預解析，此時變數函式中會有變數a，然後在進入到程式碼執行階段，在程式碼執行階段，遇到了可執行程式碼b1();則進入到函式b1中， 進入到b1中時，遇到了console.log(a)了，那麼首先在函式b1中找變數a，此時會發現沒有變數a，那麼，將在函式b1的父作用域中找變數a，而函式b1的父作用域是全域性作用域，在全域性作用域中， 找到了a=20；則此時最後的輸出結果是20；所以經過示例1我們可以看到， 函式的作用域是定義的時候就已經確定了，而不是在呼叫的時候確定的

以上就是一個大致的思路了，下面請大家繼續看下一個示例： var a=20; function b1(){ console.log(this.a); }; function b2(){ this.a=40; b1(); }; b2(); 同理，非常瞭解作用域和作用域鏈以及this指向的同學請路過即好，那麼上面的程式碼最終的輸出結果是什麼呢？原因是什麼。 如果此時看了第一個示例解釋的同學可能會說，答案是20；那不是和第一題一樣嘛，那麼恭喜你，同學，成功答錯了，為什麼呢？ 在上面的示例中， 正常的作用域是和示例1一樣的，但是這裡又涉及到了另外一個點，es5中this的指向性問題，這裡就不針對this的指向性做詳細的解釋了，關於this的指向問題的話，有一個結論就是，this的確定是在函式執行時候確定的
。可能有的同學會比較迷糊了，那麼我們還是針對示例2來看： 在示例2中，b1函式是呼叫了this.a，而this的指向又是在b1呼叫的時候確定的，所以我們需要到b2中去看了，在b2中指向b1的時候，此時this才有了一個真正的指向物件了，在這裡，此時b1中的this指向的是b2,那麼很顯然，既然指向b2，那麼this.a也就是指向了b2中的a了， 所以最後的結果就是40 個人的描述能力比較差，如果有什麼描述不清楚的地方，歡迎來噴。

相關推薦

js作用域以及作用域鏈的理解

以前一直以為自己對作用域和作用域鏈瞭解的比較清晰，直到最近碰到一個問題的時候，才發現自己是真的傻逼了，具體問題的應用場景就不在這裡說了，下面我將簡單舉例說明下； 示例1: var a=20; function b1(){ console.log(a); };

java 代理的作用 因素 以及對代理的理解

首先程式碼就不附上了，隨便一搜就可以找到大量的例子，淺談一下代理的重要因素，代理的實現，代理的作用概念性的理解： 代理作用： （靜態代理）試想有這麼一個公共類（介面），裡面有很多方法，如果得到了這個介面的例項就可以呼叫介面的所用方法，但是，這個公共類又不想讓其中一些類呼叫

關於跨域,以及跨域的幾種方式

名詞解釋:跨域:瀏覽器對於javascript的同源策略的限制,例如a.cn下面的js不能呼叫b.cn中的js,物件或資料(因為a.cn和b.cn是不同域),所以跨域就出現了.上面提到的,同域的概念又是什麼呢??? 簡單的解釋就是相同域名,埠相同,協議相同同源策略:請求的ur

js基礎梳理-如何理解作用域和作用域鏈？

本文重點是要梳理執行上下文的生命週期中的建立作用域鏈，在此之前，先回顧下關於作用域的一些知識。 1.什麼是作用域(scope)？ 在《JavaScritp高階程式設計》中並沒有找到確切的關於作用域的定義，只是在“4.2執行環境及作用域”中簡單說了下執行環境（execution context）的概念。而執

javascript執行環境以及作用域鏈的自己的一些理解

js的作用域鏈是一個很重要的概念，如果理解了它，可能會讓自己對於js的執行機制有一個更好的理解，因為自己也是一個初學者，所以希望通過這樣的形式記錄下來，讓自己記憶更加深刻。以是自己對於js作用域的一些理解： A.首先是js的執行環境，也可以叫做執行上下文，一般稱為環境就行。並且在js中，有一個一直都存在的環境

關於js中的作用域和作用域鏈以及常見的問題和結果方法

<script type="text/javascript"> var num=1; function fun(){ var num=2; function fun1(){ var num=3; console.log(num); } functi

js面試與筆試---理解 JavaScript 作用域和作用域鏈

任何程式設計語言都有作用域的概念，簡單的說，作用域就是變數與函式的可訪問範圍，即作用域控制著變數與函式的可見性和生命週期。在JavaScript中，變數的作用域有全域性作用域和區域性作用域兩種。 　　1.  全域性作用域（Global Scope） 　　在程式碼中任何地方

一道題目理解js中變數在作用域鏈與原型鏈中的查詢順序

js作用域鏈下面是一道js題目：[javascript] view plain copyfunction C1(name){      if(name){          this.name = name;      }  }  function C2(name){    

javascript作用域鏈理解

sco 執行上下文 變量提升 返回 結構圖 活動 ren 產生 內部 執行上下文(Execution context,簡稱EC) 概念 每當控制器到達ECMAScript可執行代碼的時候，就進入了一個執行上下文。 javascript中，EC分為三種： 全局

js中的作用域和作用域鏈

js的作用域與作用域鏈

性能 使用 plain 賦值 function keyword ack 全局變量 pla JavaScript的作用域和作用域鏈。在初學JavaScript時，覺得它就和其他語言沒啥區別，尤其是作用域這塊，想當然的以為“全局變量就是在整個程序的任何地方都可以訪問，也就是寫在

白話JS作用域，作用域，作用鏈詳解

span www. 關系 tex 尋找 變量的作用域 有一點 屬性 局部變量 前言 通過本文，你大概明白作用域，作用域鏈是什麽，畢竟這也算JS中的基本概念。 一.作用域(scope) 什麽是作用域，你可以理解為你所聲明變量的可用範圍，我在某個範圍內申明了一個變量，且

js:變量，作用域以及內存問題

arr 循環 引用類型 表示 推出 基本 改變 機制 定義 最近在重讀《javascript高級程序設計》這本書，“溫故而知新”，古人誠不欺我，再看的時候發現很多知識是之前不理解便跳過的，也有很多之前只是知道並記住了，並不能形成一套體系，而不斷的回顧，不斷地總結，我發現有很

JS函式、arguments、作用域、作用域鏈、預解析

函式的返回值 返回值語法： //宣告一個帶返回值的函式 function 函式名(形參1, 形參2, 形參…){ //函式體 return 返回值; } //可以通過變數來接收這個返回值 var 變數 = 函式名(實參1, 實參2, 實參3); arguments的使用

js函式、作用域、作用域鏈、閉包、立即執行函式

1.函式 定義 1.函式宣告 ```java function test(){ 函式體 }; 2.函式表示式： - 命名函式表示式 - ```java var fn = function test(){}; （匿名）函式表示式 var fn = function(){};

JS的變數 原型與原型鏈 作用域 閉包

js中的變數型別（按儲存方式區分) 值型別 引用型別（指標）：陣列、函式、物件 //共享記憶體，資料改變存在聯動性。 //可以隨意的擴充套件屬性 在javascript中，判斷資料型別主要依賴下面兩種方式： 如果值應為一個引用型別，使用 instanc

JS中最經典的全域性變數和區域性變數問題(1、作用域和作用域鏈 2、變數宣告提前)

var a = 10; function test(){ a = 100; console.log(a); console.log(this.a); var a; console.log(a); } test(); 1、程式的執行結果為：100

JavaScript關於作用域、作用域鏈和閉包的理解

作用域 先來談談變數的作用域  變數的作用域無非就是兩種：全域性變數和區域性變數。  全域性作用域：  最外層函式定義的變數擁有全域性作用域，即對任何內部函式來說，都是可以訪問的： <script>       var outerVar = "outer";

JS 作用域和作用域鏈

1. 作用域 作用域就是程式碼的執行環境，全域性執行環境就是全域性作用域，函式的執行環境就是私有作用域，它們都是棧記憶體。 執行環境定義了變數或函式有權訪問的其他資料，決定了它們各自的行為。每個執行環境都有一個與之關聯的變數物件，環境中定義的所有變數和函式都

Js作用域與作用域鏈詳解

    一直對Js的作用域有點迷糊，今天偶然讀到Javascript權威指南，立馬被吸引住了，寫的真不錯。我看的是第六版本，相當的厚，大概1000多頁，Js博大精深，要熟悉精通需要大毅力大功夫。 一：函式作用域    先看一小段程式碼： var scope="global"