国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

跟我學習javascript的arguments對象

2019-11-20 11:15:30
字體:
來源:轉載
供稿:網友

1、什么是arguments

arguments 是是JavaScript里的一個內置對象,它很古怪,也經常被人所忽視,但實際上是很重要的。所有主要的js函數庫都利用了arguments對象。所以agruments對象對于javascript程序員來說是必需熟悉的。在javascript函數體內,標識符arguments具有特殊含義。它是調用對象的一個特殊屬性,用來引用Arguments對象。Arugments對象就像數組,注意這里只是像并不是哈。

javascript函數體內,arguments像數組(并不是真的數組,是一個Arguments對象,再次強調)一樣,有length屬性,可以代表傳給函數的參數的個數。

javascript中Arguments對象是函數的實際參數,arguments對象的長度是由實參個數而不是形參個數決定的。形參是函數內部重新開辟內存空間存儲的變量,但是其與arguments對象內存空間并不重疊。

js不會主動為你判斷你到底給函數傳了多少個參數,如果你多傳了,多余的部分就沒有被使用,如果你少傳了,那么沒傳的參數值就是undefined.所以我們可以借助arguments的length屬性來檢測調用函數時是否使用了正確數目的實際參數,因為javascript是不會為你做這些事的

function f(x,y,z){ //首先檢查傳遞的參數數量是否正確 if(arguments.length != 3) {  throw new Error("function f called with " + arguments.length + "arguments"); } //下面運行真正的函數}

2、arguments創建可變參數列表函數

arguments還為我們提供了這樣一種可能,就是為一個函數傳任意數目的實際參數:

比如說,我想用一個display()函數來計算每個公司的員工工資總額,對,沒錯,你傳多少參數都行,但是前提是你要傳數字,因為我在函數內部懶得判斷了。

 function display(){  var sum=0; //總額  for(var i=0;i<arguments.length;i++){   sum+=arguments[i];  }  document.write(sum+'<br>'); } //A公司 display(10000,2000,5000); //B公司 display(1000,2000,5000,8000,10000);

怎么樣?這個方法很巧妙吧?

說明一下arguments與真正傳的形式參數是一致的:

對于arguments和值都存在的情況下,兩者值是同步的改變其中一個值,即改變了二者所有的值

function f(a, b, c){ alert(arguments.length); // result: "2" a = 100; alert(arguments[0]);  // result: "100" arguments[0] = "qqyumidi"; alert(a);     // result: "qqyumidi" alert(c);     // result: "undefined" c = 2012; alert(arguments[2]);  // result: "undefined"}f(1, 2);

3、永遠不要修改arguments對象

函數中聲明的參數和arguments之間的聯系很脆弱,每個聲明的參數實際上只是對arguments對象中對應位置的一個引用。

值得注意的是,在ES5的strict mode中,函數聲明的參數并不會引用arguments:

function strict(x) { "use strict"; arguments[0] = "modified"; return x === arguments[0];}function nonstrict(x) { arguments[0] = "modified"; return x === arguments[0];}strict("unmodified"); // falsenonstrict("unmodified"); // true

正因為在strict和非strict模式下,函數聲明的參數和arguments的關系不一致,所以為了避免出現問題,不去修改arguments對象才是最安全的做法。

如果確實需要修改arguments對象,那么可以首先賦值一份arguments對象:

var args = [].slice.call(arguments);
當slice方法不接受任何參數的時候,就會執行復制操作,得到的args也是一個真正的數組對象。同時,args和函數聲明的參數之間也沒有任何聯系了,對它進行操作是安全的。

4、一個變量來保存arguments的引用

假設需要一個API用來遍歷若干元素,像下面這樣:

var it = values(1, 4, 1, 4, 2, 1, 3, 5, 6); it.next(); // 1 it.next(); // 4 it.next(); // 1 

相應的實現可以是:

function values() {  var i = 0, n = arguments.length;  return {   hasNext: function() {    return i < n;   },   next: function() {    if (i >= n) {     throw new Error("end of iteration");    }    return arguments[i++]; // wrong arguments   }  }; } 

但是執行的實際情況卻是:

var it = values(1, 4, 1, 4, 2, 1, 3, 5, 6); it.next(); // undefined it.next(); // undefined it.next(); // undefined 

原因在于:對于arguments對象的賦值是隱式完成的。在next方法內部,使用了arguments,然而此arguments和values方法開始處的arguments并不是一個對象。這里的arguments對象是函數next()的。

解決方法也很簡單,就是將需要訪問的arguments使用另外一個變量進行引用。然后通過閉包的性質在其嵌套的函數中進行訪問就可以了,像下面這樣:

function values() {  var i = 0, n = arguments.length, a = arguments;  return {   hasNext: function() {    return i < n;   },   next: function() {    if (i >= n) {     throw new Error("end of iteration");    }    return a[i++];   }  }; } var it = values(1, 4, 1, 4, 2, 1, 3, 5, 6); it.next(); // 1 it.next(); // 4 it.next(); // 1 

5、arguments對象的callee屬性:

arguments的callee屬性是用來引用當前正在執行的函數,這對未命名的函數調用自身非常有好處。

首先用命名函數表達式實現遞歸的函數:

//函數直接量 指定函數名 遞歸函數var result = function fact(x){ if(x<=1)   return 1;  else   return x*fact(x-1);};

那里面,我提到可以為函數直接量以函數名。這樣實現遞歸可以很方便的調用自己。

現在用arguments的這個callee同樣可以簡單的實現

//用函數直接量,采用arguments.callee屬性實現遞歸函數var result = function(x){ if(x<=1) return 1;  return x*arguments.callee(x-1);};

在最后提醒大家一點,既然這個arguments這么厲害,那么我們就不要為變量命名為arguments了,事實上arguments是javascript的保留字之一。嗯。

最后補充一點:

區別caller

返回一個對函數的引用,該函數調用了當前函數。

  • - functionName.caller
  • - functionName 對象是所執行函數的名稱。

對于函數來說,caller 屬性只有在函數執行時才有定義。如果函數是由頂層調用的,那么 caller 包含的就是 null 。如果在字符串上下文中使用 caller 屬性,那么結果和 functionName.toString 一樣,也就是說,顯示的是函數的反編譯文本。

代碼:

Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->// caller demo {function callerDemo() { if (callerDemo.caller) {  var a= callerDemo.caller.toString();  alert(a); } else {  alert("this is a top function"); }}function handleCaller() { callerDemo();}handleCaller();//彈出handleCaller的定義

以上就是針對javascript的arguments對象的相關介紹,希望對大家的學習有所幫助。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 甘肃省| 晋江市| 噶尔县| 贡嘎县| 扶绥县| 阿坝县| 应用必备| 三穗县| 江北区| 天柱县| 会理县| 安宁市| 新密市| 同仁县| 河北省| 大关县| 库尔勒市| 永新县| 长武县| 兰考县| 冕宁县| 双流县| 丰镇市| 曲靖市| 黔南| 浮山县| 商水县| 彭山县| 永昌县| 资中县| 连城县| 海盐县| 东方市| 临泽县| 叙永县| 申扎县| 台南市| 象山县| 齐河县| 株洲市| 佛山市|