欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JavaScript閉包和范圍實例詳解

 更新時間:2016年12月19日 10:10:30   作者:鬼畜十三  
這篇文章主要介紹了JavaScript閉包和范圍,結合實例形式詳細分析了javascript閉包的使用及變量的作用范圍,需要的朋友可以參考下

本文實例分析了JavaScript閉包和范圍。分享給大家供大家參考,具體如下:

1.

if (!("a" in window)) {
  var a = 1;
}
alert(a);

【分析】代碼含義:如果window不包含屬性a,就聲明一個變量a并賦值為1

①JS引擎會先掃描所有的變量聲明

②所有的全局變量都是window的屬性

③變量聲明和賦值一起用時,Js引擎會自動將它分成兩部分:變量聲明提前,變量賦值沒有(不將賦值提前是因為他有可能影響代碼執(zhí)行出不可預期的結果)

所以代碼執(zhí)行順序等價于

var a;
if(!("a" in window)) {
  a = 1;
}
alert(a);

解析:聲明變量a,判斷a是否存在,不存在就賦值為1,而這里a永遠在window里存在,賦值語句永不執(zhí)行,所以結果是undefined

2.

if (!("a" in window)) {
  function a() { window.a = 1; }
}
alert(a);

【分析】

①函數(shù)聲明也會提前并且會覆蓋變量聲明,但不會覆蓋變量賦值,如下例子

function value(){
  return 1;
}
var value;
alert(typeof value);  //"function"

function value(){
  return 1;
}
var value = 1;
alert(typeof value);  //"number"

②所有全局變量都是window屬性,語句var a=1;等同于window.a=1;

所以代碼執(zhí)行順序等價于

function a() {window.a = 1;}
if(!("a" in window)) {
  function a() { var a = 1; }
}
alert(a);

輸出結果:function a() {window.a = 1; }

變形:

if ("a" in window) {
  function a() { window.a = 1; }
}
alert(a);

輸出結果:a is not defined

函數(shù)聲明里的變量定義,要到執(zhí)行函數(shù)時才會定義,并不會在預編譯階段就聲明變量

3.

if (!("a" in window)) {
  var a = function () { window.a = 1; }
}
alert(a);

【分析】

①函數(shù)聲明和函數(shù)表達式區(qū)別

函數(shù)聲明:

function functionName(arg1, arg2){
  //函數(shù)體
}

函數(shù)表達式(相當于變量賦值):

var functionName = function(arg1, arg2){
  //函數(shù)體
};

所以代碼執(zhí)行順序等價于

var a;
if (!("a" in window)) {
  a = function () { window.a = 1; }
}
alert(a);

結果和第一題一樣,undefined

4.

var a = 1,
  b = function a(x) {
    x && a(--x);
  };
alert(a);

【分析】

①進入執(zhí)行上下文的階段

VO(global) = {
  a: undefined,
  b: undefined
}

這階段的順序:函數(shù)的形參->函數(shù)聲明->變量聲明

②執(zhí)行代碼階段

VO(global) = {
  x: undefined,
  a: 1
}

③定義變量b,賦值名字為a的函數(shù)(這個a只能在函數(shù)體內使用)

④如果x是任何true值(這這里應該是非0)則執(zhí)行后面的語句

⑤換成更能理解的代碼

var a = 1,
  b = function(x) {
    x && b(--x);
  };
alert(a);

結果為1

5.

function b(x, y, a) {
  arguments[2] = 10;
  alert(a);
}
b(1, 2, 3);

【分析】沒有難點,輸出10,如果改成

function b(x, y, a) {
  arguments[2] = 10;
  alert(a);
}
b(1, 2);

則輸出undefined,因為沒有傳遞a的值

6.

function a() {
  alert(this);
}
a.call(null);

【分析】

①a.call(b)表示a對象的方法應用到b對象上(即b對象繼承了a對象),根據(jù)規(guī)定,第一個參數(shù)是null或undefined,call方法就把全局對象(也就是window)作為this的值

②call()和apply()的區(qū)別:功能一樣,第二個參數(shù)形式不一樣,call傳遞多個參數(shù),任意形式,apply第二個參數(shù)必須是數(shù)組形式,如

a.call(b,2,3); ==>  a.apply(b,[2,3]);

輸出結果:[object Window]

更多關于JavaScript相關內容可查看本站專題:《javascript面向對象入門教程》、《JavaScript中json操作技巧總結》、《JavaScript切換特效與技巧總結》、《JavaScript查找算法技巧總結》、《JavaScript錯誤與調試技巧總結》、《JavaScript數(shù)據(jù)結構與算法技巧總結》、《JavaScript遍歷算法與技巧總結》及《JavaScript數(shù)學運算用法總結

希望本文所述對大家JavaScript程序設計有所幫助。

相關文章

  • js 操作table之 移動TR位置 兼容FF 跟 IE

    js 操作table之 移動TR位置 兼容FF 跟 IE

    js操作table之 移動TR位置 兼容FF 跟 IE,需要的朋友可以參考下。
    2009-11-11
  • DWR內存兼容及無法調用問題解決方案

    DWR內存兼容及無法調用問題解決方案

    這篇文章主要介紹了DWR內存兼容及無法調用問題解決方案,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下
    2020-10-10
  • JavaScript代碼實現(xiàn)圖片循環(huán)滾動效果

    JavaScript代碼實現(xiàn)圖片循環(huán)滾動效果

    這篇文章主要介紹了JavaScript代碼實現(xiàn)圖片循環(huán)滾動效果的相關資料,非常不錯,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下
    2016-06-06
  • Javascript 讀后臺cookie代碼

    Javascript 讀后臺cookie代碼

    由于asp的cookie是經過url編碼的,所以讀之前要unescape一下。
    2008-09-09
  • 鼠標移到圖片上變大顯示而不是放大鏡效果

    鼠標移到圖片上變大顯示而不是放大鏡效果

    這篇文章主要介紹了通過js實現(xiàn)的,當鼠標移到圖片上變大顯示而不是放大鏡效果,需要的朋友可以參考下
    2014-06-06
  • js和canvas繪制圓形金屬質感特效

    js和canvas繪制圓形金屬質感特效

    在JavaScript中,可以使用HTML5提供的Canvas元素來進行繪圖操作,要使用canvas元素,瀏覽器必須支持html5,Canvas是一個HTML元素,可以通過JavaScript來操作和繪制圖形,本文示例實現(xiàn)js和canvas繪制圓形金屬質感的詩詞高級排版特效
    2024-09-09
  • 使用JavaScript實現(xiàn)響應式計數(shù)器動畫

    使用JavaScript實現(xiàn)響應式計數(shù)器動畫

    在本文中,我們將學習如何使用?HTML?CSS?和?JavaScript創(chuàng)建響應式計數(shù)器動畫。?我們在很多地方都可以用,比如適用于不同類型的個人網站、企業(yè)網站等,感興趣的可以了解一下
    2022-08-08
  • JavaScript繼承的三種方法實例

    JavaScript繼承的三種方法實例

    這篇文章主要給大家介紹了關于JavaScript繼承的三種方法,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧
    2021-05-05
  • Javascript基礎之數(shù)組的使用

    Javascript基礎之數(shù)組的使用

    這篇文章主要介紹了Javascript基礎之數(shù)組的使用的相關資料,介紹的非常詳解,具有參考借鑒價值,感興趣的朋友一起學習吧
    2016-05-05
  • 提升JS編程效率的19個實用技巧分享

    提升JS編程效率的19個實用技巧分享

    在實際工作中,開發(fā)者常面臨一些需巧妙編程解決的挑戰(zhàn),有時幾行代碼就能迎刃而解,本文整理了一系列實用代碼片段,助您輕松處理URL、DOM操作、事件處理等常見問題,希望對大家有所幫助
    2023-11-11

最新評論