javascript--12---作用域

作用域

什麼是作用域

作用：對代碼的一個讀寫操作
域：空間範圍 js能實現的一個範圍

<script>
    console.log(a);
    var a =1;
  
</script>

結果是undefined
沒有聲明爲什麼會報undefined？首先預解析找到a 爲undefined 執行代碼 =改變變量的值但是console在等號之前所以結果是 undefined

<script>
    a =1;
    console.log(a);
</script>

爲什麼沒有聲明卻能打印出1？

如果在script沒有聲明直接賦值也能行

<script>
    console.log(a);
    a =1;
</script>

直接報錯
爲啥是報錯？預解析沒找到a 沒有var 在console.log之前既沒有聲明也沒有賦值所以報錯後面的a=1相當於沒有

<script>
   var a=1;
   console.log(window.a);
</script>

結果是1 window是script標籤中最大的一個對象

平時在script 中var的時候其實是在最大的window上加了一個屬性

<script>
   a=1;
   console.log(window.a);
</script>

結果是1

沒有var也會自動在window上加一個屬性這是系統在找不到聲明的時候自動加的

解釋器

js是一種直譯式腳本語言

解釋器：在瀏覽器內核中有一個解釋器看到script標籤就直接擼起袖子幹沒有長期的準備
解釋器在讀取js代碼的時候也至少分爲兩步

找一些東西根據關鍵字去查找 var（變量聲明） function（函數聲明）參數
找到變量聲明之後不去讀取賦值而是直接給一個undefined值
```
找到函數聲明之後不會執行函數  而是把函數的內容當作一塊直接存起來
  比如  a:function(){}
```
解釋代碼先找到我們的預解析找到的變量如果有能改變變量值的運算：+ — ++ -- */% 修改了這個先找到的undefined/function(){}

<script>
   alert(a);//結果是function a(){alert(3)}
   var a=1;
   alert(a);//結果是1
   function a() {
       alert(2);
   }
   alert(a);//結果是1
   var a=3;
   alert(a);//結果是3
   function a() {
       alert(3);
   }
   alert(a);//結果是3
   a();//報錯
</script>

預解析

a :undefined 如果預解析過程中函數名和變量重名了函數會把變量無情覆蓋
a :function{alert(2)}
如果預解析中有重名函數後者會把前者覆蓋
a :function{alert(3)}

執行階段

第一個alert 結果是打印函數體function{alert(3)}
修改a=1,第二個alert 結果是打印1
function只在預解析會用到跳過function 第三個alert 結果是打印1
修改a=3,第四個alert 結果是打印3
跳過function 第五個alert 結果是打印3
a=3 3();是啥哦會報錯

全局作用域和局部作用域

全局作用域

最大的作用域是 script標籤之間全局中最大的對象是 window window是最大的作用域但是script是分別解釋的代碼自上而下執行 script全部解讀完之後 window還是最大的對象在引入代碼的時候一定要注意引入順序因爲script是分別解釋的

<script>
  alert(a);
</script>
<script>
    var a =1;
</script>

結果會報錯代碼自上而下執行沒有解析下面的var a=1;

<script>
   var a =1;
</script>
<script>
  alert(a);
</script>

結果是1；會把a=1存起來執行到下一個script 會在小倉庫裏找a

局部作用域

函數內部也是一個空間函數構建的空間可以被看作一個局部作用域
如果局部作用域的預解析的空間沒有找到那麼我的代碼執行會從上一級作用域尋找上一級作用域不能在下一級作用域尋找
預解析的空間：AO ----活動對象

<script>
  var a =1;
  function fn1() {
      alert(a);
      var a =2;
  }
  fn1();
  alert(a);
</script>

第一個結果是 undefined 第二個結果是 1

預解析 AO分析

a:undefined fn1{}

代碼執行 a=1

fn1執行：進入函數內部 1預解析 a:undefined 2 執行 alert(a) a=2
alert(a) 所以結果是先 undefined 後1

<script>
  var a =1;
  function fn1() {
      alert(a);
  }
  fn1();
  alert(a);
</script>

結果是1 1

預解析

a:undefined fn1{}

代碼執行 a=1

fn1執行：進入函數內部 1預解析預解析是空 2 執行 alert(a) 跳出函數在全局中尋找a a=1 所以結果是1
alert(a) 所以結果是先 1 後1

參數

形參相當於隱式聲明在AO上爲undefined
實參會在AO分析時候給形參一個初始值

<script>
  var a =1;
  function fn1(a) {
      alert(a);
      a =2;
  }
  fn1();
  alert(a);
</script>

預解析

a:undefined fn1{}

代碼執行 a=1

fn1執行：進入函數內部 1預解析形參相當於聲明變量a：undefined 2 執行 alert(a)所以結果是undefined 之後賦值a=2;
alert(a) 所以結果是先 undefined 後1

<script>
  var a =1;
  function fn1(a) {
      alert(a);
      a =2;
      alert(a);
  }
  fn1(a);
  alert(a);
</script>

預解析

a:undefined fn1{}

代碼執行 a=1

fn1執行：進入函數內部 1預解析實參傳值 a=1 2 執行 alert(a)所以結果是1 之後賦值a=2;
alert(a) 所以結果是先 1 後2 再 1

<script>
   var a =1;
   function f1() {
    alert(a);
    a=2;
   }
   f1();
   alert(a);
</script>

結果是 1 2

<script>
  var age =99;
  function t(age) {
      alert(age);
  }
  t(5);
  t();
</script>

預解析

age:undefined t:function{}

代碼執行 age=99

t(5)執行：進入函數內部 1預解析實參傳值 age=5 2 執行 alert(age)所以結果是5
t()執行進入函數 1 預解析形參相當於聲明變量a：undefined alert(age) 所以結果是先5 後undefined

<script>
  function t2(green) {
      alert(green);
      function green() {

      }
      green="hello";
      alert(green);
  }
  t2(null);

預解析

green:null 進入函數內部有一個函數聲明會覆蓋 green=function green() {}

代碼執行 alert(green) 結果是 function

green：hello
alert（green）結果是hello 所以第一個是函數體第二個是hello

<script>
  function a(b) {
      alert(b);
      function b() {
          alert(b);
      }
      b();
  }
  a(1);
</script>

預解析

b=1 進入函數內部有一個函數聲明會覆蓋 b=function b(){}

代碼執行 alert(b) 結果是 function

b() 執行進入b(){}內部並沒有 var b 跳出當前函數找到b爲function 所以alert（b）是函數本身結果兩個都是函數本身

<script>
  function a(b) {
      alert(b);
      b=function(){
          alert(b);
      }
      b();
  }
  a(1);
</script>

預解析

b=1 進入函數內部沒有函數聲明變量聲明
代碼執行 alert（b）結果是1
賦值b=function(){}

b()執行進入函數體內部沒有var b 跳出 b=function 結果是function 所以第一個是1 第二個是函數本身

作用域分析

先看看有沒有參數實參會把形參初始化如果只有形參那麼形參爲undefined
再看看有沒有變量聲明函數會把同名變量覆蓋包括實參

jquery部分代碼

傳window是爲了性能
不穿undefined 是爲了函數內部不被污染

<script>
  (function (window,undefined) {
      function(){
          function(){
              function(){
                  window.document.getElementById()
              }
          }
      }
  })(window);
</script>

如果函數內部沒有 window 那麼document.getElementById()要執行會跳出這個函數當層數太多性能就會很低所以會實參會傳一個window到函數內部形參undefined 初始值就是undefined 不用實參傳再低版本的ie中 undefined可以被賦值如果在函數外部定義undefined=1 實參傳undefined 那麼函數內部undefined 就會被污染爲1 如果函數內部做判斷 if(a==undefined)就不可以

作用域鏈

內層作用域在尋找變量時候未找到會沿着作用域上的AO 向上尋找直到全局

javascript--12---作用域

作用域

解釋器

全局作用域和局部作用域

全局作用域

局部作用域

參數

作用域分析

作用域鏈

druid數據源 xml配置

javascript--39--拓展

javascript第三天---標籤內的屬性和數組

javascript 第七天---運算符

javascript--13---閉包

javascript--第五天---獲取對象的其他方式

https://yachay.unat.edu.pe/blog/index.php?comment_area=format_blog&comment_component=blog&comment_co

linux以太網驅動總結

javascript--12---作用域

作用域

解釋器

全局作用域 和 局部作用域

全局作用域

局部作用域

參數

作用域分析

作用域鏈

全局作用域和局部作用域