ホームページ  >  記事  >  ウェブフロントエンド  >  js 引数を理解する

js 引数を理解する

高洛峰
高洛峰オリジナル
2016-12-14 09:11:451409ブラウズ

自分らしく配列を構築する
配列のような構造の重要なポイント:
1. 要素は配列型のインデックスです
2. 長さ属性があります

Js コード

var test3 = {  
    0 : 10,  
    1 : function(){  
        return this[0];  
    },  
    length:2  
}  
console.log(Array.prototype.slice.call(test3));//打印[10, function()]

関数パラメータの引数は配列です- に似ていますが、配列ではありません。 (引数はオブジェクトです)
実際の配列に変換したい場合は、
varlice = [].slice;
slice.call(arguments); もできます: Aarray.prototype.slice.call(arguments) );


Js コード

var o = {  
    name:"javascript"  
};  
var f1 = function(){  
    return 2;  
}  
var foo = function(a,b,c){  
    console.log(arguments, typeof arguments, $.type(arguments), typeof arguments.push);  
    //[100, function(), Object { name="javascript"}] object object undefined  
  
    //尽管arguments不是数组,但仍可以通过for循环取出每一个元素  
    for (var i in arguments ){  
        console.log(arguments[i]);  
    }  
    /*打印 
        100 
        function() 
        Object { name="javascript"} 
    */  
  
    //现在让数组的slice运行在arguments的context中,参数为0,则将arguments转成了数组,(arguments本身没变)  
    var ret = Array.prototype.slice.call(arguments);  
  
    console.log(ret, typeof ret, $.type(ret), typeof ret.push);  
    //[100, function(), Object { name="javascript"}] object array function  
}  
foo(100,f1,o);

基本的な紹介

js が関数呼び出しを行うとき、指定されたパラメーターに加えて、暗黙的なオブジェクト (引数) も作成されます。
1. 引数はarguments[index]の構文を使用して評価でき、length属性を持ちます。引数オブジェクトには、関数宣言で定義されたパラメーター リストに限定されず、関数に実際に渡されるパラメーターが格納されます。例:

Js コード

function func(a,b){  
    alert(a);  
    alert(b);  
    for(var i=0;i<arguments.length;i++){  
        alert(arguments[i]);  
    }  
}  
func(1,2,3,4);

コードが実行されると、次の順序で表示されます。 2、1、2、3、4。この関数では 2 つのパラメーターが定義されていますが、呼び出されたときに 4 つのパラメーターが渡されます。


2. 引数の callee 属性
これは関数オブジェクト自体への参照を表し、名前のない関数の再帰を実現したり、関数のカプセル化を保証したりするのに役立ちます。例: 再帰を使用して、1 から n までの自然数の合計を計算します。

Js コード

var sum=function(n){  
    if(1==n) {  
        return 1;  
    } else {  
        return n + arguments.callee(n-1);  
    }  
}  
alert(sum(100));

arguments.callee は、現在実行中の関数への参照、または argument.callee を呼び出す関数オブジェクトへの参照を表します。これにより、匿名関数が自己参照の方法を提供します。


発信者、呼び出し、適用などの詳細

Jsコード

/* 
 * 演示arguments的用法,如何获取实参数和形数数 
 */  
function argTest(a,b,c,d){  
    var numargs = arguments.length;     // 获取被传递参数的数值。  
    var expargs = argTest.length;       // 获取期望参数的数值。  
    alert("实参数目为:"+numargs)  
    alert("形数数目为:"+expargs)  
  
    alert(arguments[0])           
    alert(argTest[0])          //undefined 没有这种用法  
}  
//argTest(1,2)  
//argTest(1,2,3,4,5)  
  
  
/* 
 *  arguments不是数组(Array类) 
 */  
  
Array.prototype.selfvalue = 1;  
function testAguments(){  
    alert("arguments.selfvalue="+arguments.selfvalue);  
}  
//alert("Array.sefvalue="+new Array().selfvalue); // 1  
//testAguments();  //arguments.selfvalue = undefined  
  
  
  
/* 
 * 演示函数的callee属性. 
 * 说明:arguments.callee:初始值就是正被执行的 Function 对象,用于匿名函数 
 */  
function calleeDemo() {  
    alert(arguments.callee);  
}  
//calleeDemo();  
//(function(arg0,arg1){alert("形数数目为:"+arguments.callee.length)})();  
  
  
  
  
/* 
 * 演示函数的caller属性. 
 * 说明:(当前函数).caller:返回一个对函数的引用,该函数调用了当前函数 
 */  
  
function callerDemo() {  
    if (callerDemo.caller) {  
        var a= callerDemo.caller.arguments[0];  
        alert(a);  
    } else {  
        alert("this is a top function");  
    }  
}  
function handleCaller() {  
    callerDemo();  
}  
  
//callerDemo();  
//handleCaller("参数1","参数2");  
  
  
  
  
  
/* 
 * 演示apply,call函数的用法 
 * 说明:作用都是将函数绑定到另外一个对象上去运行,两者仅在定义参数方式有所区别: 
 *       apply(thisArg,argArray); 
 *     call(thisArg[,arg1,arg2…] ]); 
 *     即所有函数内部的this指针都会被赋值为thisArg 
 */  
  
 function ObjectA(){  
    alert("执行ObjectA()");  
    alert(arguments[0]);  
    alert(this.b);//在ObjectB中用call/apply调用ObjectA时,ObjectB的变量b的值。  
    this.hit=function(msg){alert(msg)}  
    this.info="我来自ObjectA"  
 }  
   
 function ObjectB(){  
    alert("执行ObjectB()");  
    this.b = &#39;2b&#39;;  
    //调用ObjectA()方法,同时ObjectA构造函数中的所有this就会被ObjectB中的this替代  
    ObjectA.apply(this,arguments);//ObjectA.call(this);  
    alert(this.info);  
 }  
 //ObjectB(&#39;参数0&#39;);  
  
  
 var value="global 变量";  
 function Obj(){  
    this.value="对象!";  
 }  
 function Fun1(){  
    alert(this.value);  
 }  
 //Fun1();  
 //Fun1.apply(window);   
 //Fun1.apply(new Obj());


声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。