国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

javascript基礎(chǔ)-函數(shù)

QLQ / 642人閱讀

摘要：在函數(shù)內(nèi)部定義的匿名函數(shù)的作用域鏈中，不包含外部函數(shù)的活動對象。在執(zhí)行完畢以后，其執(zhí)行環(huán)境的作用域鏈被銷毀，但是其活動對象不會被銷毀，因為匿名函數(shù)的作用域鏈中仍然引用著這個活動對象，直到匿名函數(shù)執(zhí)行完畢后，才一起被銷毀。

函數(shù)表達式和函數(shù)聲明

函數(shù)聲明:function 函數(shù)名稱 (參數(shù)：可選){ 函數(shù)體 }

函數(shù)表達式：function 函數(shù)名稱（可選）(參數(shù)：可選){ 函數(shù)體 }
函數(shù)聲明只能出現(xiàn)在程序或函數(shù)體內(nèi)。從語法上講，它們不能出現(xiàn)在Block（塊）（{ ... }）中。表達式和聲明存在著十分微妙的差別，函數(shù)聲明會在任何表達式被解析和求值之前先被解析和求值。無論變量在函數(shù)內(nèi)何處聲明，在代碼執(zhí)行階段，變量都會在提到函數(shù)開始執(zhí)行之前被聲明，而函數(shù)聲明發(fā)生在更早的階段。

    var foo;
    if (true) {
       foo = function (){ console.log(1); };
    }else {
       foo = function (){ console.log(2); };
    }
    foo(); // 1

先聲明foo變量，在代碼處理的第一步，按照程序執(zhí)行順序，創(chuàng)建函數(shù)表達式并賦值給foo。
    if (true) {
       function foo(){ console.log(1); }
    }else {
       function foo(){ console.log(2); }
    }
    foo(); // 2

基于Gecko的瀏覽器 //1
函數(shù)聲明在代碼處理的第一步。function foo(){ console.log(2); }會覆蓋前面的操作。

  alert(sum(10,10));    //20
  function sum(num1, num2){
      return num1 + num2;
  }        
  alert(sum(10,10));    //causes an error
  var sum = function(num1, num2){
      return num1 + num2;
  };
  //變量sum的聲明還是放在第一步處理

命名函數(shù)表達式：var bar = function foo(){};需要注意的地方：這個名字只在新定義的函數(shù)作用域內(nèi)有效（IE9以前版本的IE版本中）。命名函數(shù)表達式方便調(diào)試。

    var f = function foo(){
      return typeof foo; // foo是在內(nèi)部作用域內(nèi)有效
    };
    // foo在外部用于是不可見的
    typeof foo; // "undefined"       IE5-IE8中 " function"
    f(); // "function"
調(diào)用模式

方法調(diào)用模式
當一個函數(shù)保存為對象的一個屬性時，我們稱它為方法。當一個方法被調(diào)用的時候，this被綁定到該對象。如果調(diào)用表達式包含一個提取屬性的動作xxx.xxx，那么它就是被當做方法來調(diào)用的。

函數(shù)調(diào)用模式
this被綁定到全局對象。

構(gòu)造器調(diào)用模式
this被綁定到創(chuàng)建的新對象。

apply調(diào)用模式
apply允許我們選擇this的值，方法接受兩個參數(shù)，第一個是要綁定this的值，第二個是參數(shù)數(shù)值。第一個參數(shù)為null，undefined將會被替換成全局對象。嚴格模式use strict的時候不會被替換。

作用域

很多現(xiàn)代語言都推薦延遲聲明變量，js中推薦在函數(shù)體的頂部聲明函數(shù)中可能用到的所有變量。
JScript的Bug

例1：函數(shù)表達式的標示符泄露到外部作用域
typeof g; // "function"
var f = function g(){};
IE9已經(jīng)修復(fù)

例2：將命名函數(shù)表達式同時當作函數(shù)聲明和函數(shù)表達式
typeof g; // "function"
var f = function g(){};

函數(shù)聲明會優(yōu)先于任何表達式被解析，上面的例子展示的是JScript實際上是把命名函數(shù)表達式當成函數(shù)聲明了，因為它在實際聲明之前就解析了g

匿名函數(shù)

匿名函數(shù)中this 一般指向window對象
XXXX.prototype.__XXX = function(){} 不是匿名函數(shù)

閉包

在編寫遞歸函數(shù)時，使用arguments.callee (但是es5嚴格模式下會報錯)比使用函數(shù)名安全。
函數(shù)中的變量對象就是活動對象。
無論什么時候在函數(shù)內(nèi)部訪問一個變量時，就會從作用域鏈中搜索相應(yīng)變量。一般來講，當函數(shù)執(zhí)行完畢后局部活動對象將被銷毀。但是閉包情況有所不同。

在createComparisonFunction()函數(shù)內(nèi)部定義的匿名函數(shù)的作用域鏈中，不包含外部函數(shù)createComparisonFunction()的活動對象。
var compare = createComparisonFunction("name");
var result = compare(obj1, obj2);
createComparisonFunction()在執(zhí)行完畢以后，其執(zhí)行環(huán)境的作用域鏈被銷毀，但是其活動對象不會被銷毀，因為匿名函數(shù)的作用域鏈中仍然引用著這個活動對象，直到匿名函數(shù)執(zhí)行完畢后，才一起被銷毀。閉包會攜帶包含他的函數(shù)的作用域，占用內(nèi)存較多。

閉包與變量 
閉包只能取得包含函數(shù)中變量最后保存的值。
function createFunctions() {
  var result = new Array();
  for (var i = 0; i < 10; i++) {
      result[i] = function() {
          return i;
      };
  }  
  return result;
}
var funcs = createFunctions();
//every function outputs 10
for (var i = 0; i < funcs.length; i++) {
  document.write(funcs[i]() + "
");
}
使用匿名函數(shù)再添加一層外部函數(shù)，多了一個閉包使原來的閉包滿足條件
function createFunctions() {
  var result = new Array();
  for (var i = 0; i < 10; i++) {
      result[i] = function(num) {
          return function() {
              return num;
          };
      }(i);
  }
  return result;
}
var funcs = createFunctions();
//every function outputs 10
for (var i = 0; i < funcs.length; i++) {
  document.write(funcs[i]() + "
");
}
用閉包保存狀態(tài)

閉包直接可以引用傳入的參數(shù)，利用這些被lock住的傳入?yún)?shù)，自執(zhí)行函數(shù)表達式可以有效地保存狀態(tài)。

// 這個代碼是錯誤的，因為變量i從來就沒背locked住
// 相反，當循環(huán)執(zhí)行以后，我們在點擊的時候i才獲得數(shù)值
// 因為這個時候i操真正獲得值
// 所以說無論點擊那個連接，最終顯示的都是I am link #10（如果有10個a元素的話）
var elems = document.getElementsByTagName("a");
for (var i = 0; i < elems.length; i++) {
  elems[i].addEventListener("click", function (e) {
      e.preventDefault();
      alert("I am link #" + i);
  }, "false");

}
// 這個是可以用的，因為他在自執(zhí)行函數(shù)表達式閉包內(nèi)部
// i的值作為locked的索引存在，在循環(huán)執(zhí)行結(jié)束以后，盡管最后i的值變成了a元素總數(shù)（例如10）
// 但閉包內(nèi)部的lockedInIndex值是沒有改變，因為他已經(jīng)執(zhí)行完畢了
// 所以當點擊連接的時候，結(jié)果是正確的

var elems = document.getElementsByTagName("a");
for (var i = 0; i < elems.length; i++) {
  (function (lockedInIndex) {
      elems[i].addEventListener("click", function (e) {
          e.preventDefault();
          alert("I am link #" + lockedInIndex);
      }, "false");
  })(i);
}

// 你也可以像下面這樣應(yīng)用，在處理函數(shù)那里使用自執(zhí)行函數(shù)表達式
// 而不是在addEventListener外部
// 但是相對來說，上面的代碼更具可讀性
var elems = document.getElementsByTagName("a");
for (var i = 0; i < elems.length; i++) {
  elems[i].addEventListener("click", (function (lockedInIndex) {
      return function (e) {
          e.preventDefault();
          alert("I am link #" + lockedInIndex);
      };
  })(i), "false");
}
自執(zhí)行函數(shù)表達式

利用了閉包的特性，可以避免全局變量

javascript語法中（）內(nèi)部不能包含語句，只能包含表達式。
(function () { /* code */ } ()); // 推薦使用這個

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/91528.html

相關(guān)文章

  • 基礎(chǔ)鞏固：JavaScript基礎(chǔ)總結(jié)(基本概念篇)

    摘要：基礎(chǔ)鞏固基礎(chǔ)總結(jié)使用已經(jīng)好幾年了，由于工作主要是做服務(wù)端開發(fā)，在工作中逐漸發(fā)現(xiàn)的使用范圍原來越廣泛。這里要注意，務(wù)必將基礎(chǔ)部分掌握牢靠，磨刀不誤砍柴功，只有將基礎(chǔ)部分掌握并建立起系統(tǒng)的知識體系，在后面學(xué)習(xí)衍生的其他模式才能游刃有余。 基礎(chǔ)鞏固：JavaScript基礎(chǔ)總結(jié) 使用JavaScript已經(jīng)好幾年了，由于工作主要是做服務(wù)端開發(fā)，在工作中逐漸發(fā)現(xiàn)JavaScript的使用范圍原...

    YuboonaZhang 評論0 收藏0

  • 函數(shù) - Javascript語法基礎(chǔ) - Javascript核心

    摘要：在定義函數(shù)的作用域外調(diào)用，得到的返回仍然是函數(shù)創(chuàng)建時所在的作用域的局部變量。這是因為所在的匿名函數(shù)的閉包中存放的是第一行的，而不是在循環(huán)中獲得的的當前值。 原文： http://pij.robinqu.me/JavaScript_Core/JavaScript_Basics/Function.html 源代碼： https://github.com/RobinQu/Pr...

    wuaiqiu 評論0 收藏0

  • 十步零基礎(chǔ)JavaScript學(xué)習(xí)路徑

    摘要：之前寫過一篇天學(xué)通前端開發(fā)，內(nèi)容主要講的就是前端學(xué)習(xí)路徑，今天再來寫一篇零基礎(chǔ)的學(xué)習(xí)路徑，希望能幫編程零基礎(chǔ)的前端愛好者指明方向。十框架三選一，零基礎(chǔ)的初學(xué)者強烈推薦，如果是后臺轉(zhuǎn)前端推薦，如果技術(shù)型前端，推薦。 之前寫過一篇26天學(xué)通前端開發(fā)，內(nèi)容主要講的就是前端學(xué)習(xí)路徑，今天再來寫一篇零基礎(chǔ)的JavaScript學(xué)習(xí)路徑，希望能幫編程零基礎(chǔ)的前端愛好者指明方向。 一、開發(fā)環(huán)境和Ja...

    incredible 評論0 收藏0

  • Javascript學(xué)習(xí)總結(jié) - JS基礎(chǔ)系列一

    摘要：變量定義變量使用關(guān)鍵字變量名變量名可以任意取名，但要遵循命名規(guī)則變量必須使用字母下劃線或者美元符開始。語法參數(shù)說明在消息對話框中要顯示的文本返回值值。返回值點擊確定按鈕，文本框中的內(nèi)容將作為函數(shù)返回值。 簡述 本系列將持續(xù)更新Javascript基礎(chǔ)部分的知識，誰都想掌握高端大氣的技術(shù)，但是我覺得沒有一個扎實的基礎(chǔ)，我認為一切高階技術(shù)對我來講都是過眼云煙，要成為一名及格的前端工程師，必...

    Meils 評論0 收藏0

  • JavaScript基礎(chǔ)知識

    摘要：用和包裹的內(nèi)容，稱為字符串。關(guān)系運算符用于進行比較的運算符。強制依賴于，非強制依賴于。使用場合全局環(huán)境構(gòu)造函數(shù)對象的方法閉包閉包是指有權(quán)訪問另一個函數(shù)作用域中的變量的函數(shù)。所有全局對象函數(shù)以及變量均自動成為對象的成員。 1 什么是JavaScript JavaScript一種直譯式腳本語言，一種基于對象和事件驅(qū)動并具有安全性的客戶端腳本語言；也是一種廣泛應(yīng)用客戶端web開發(fā)的腳本語言。...

    Code4App 評論0 收藏0

  • 數(shù)組 - Javascript語法基礎(chǔ) - Javascript核心

    摘要：數(shù)組創(chuàng)建數(shù)組數(shù)組字面量使用構(gòu)造函數(shù)數(shù)組本質(zhì)上是所以要判斷是不是數(shù)組，需要通過判斷。數(shù)組長度使用屬性獲取元素的個數(shù)。例如函數(shù)的對象就是這樣 原文： http://pij.robinqu.me/JavaScript_Core/JavaScript_Basics/Array.html 源代碼： https://github.com/RobinQu/Programing-In-...

    molyzzx 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<