ホームページ > 記事 > ウェブフロントエンド > js 引数を理解する
自分らしく配列を構築する
配列のような構造の重要なポイント:
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) );
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属性を持ちます。引数オブジェクトには、関数宣言で定義されたパラメーター リストに限定されず、関数に実際に渡されるパラメーターが格納されます。例:
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 までの自然数の合計を計算します。
var sum=function(n){ if(1==n) { return 1; } else { return n + arguments.callee(n-1); } } alert(sum(100));arguments.callee は、現在実行中の関数への参照、または argument.callee を呼び出す関数オブジェクトへの参照を表します。これにより、匿名関数が自己参照の方法を提供します。
発信者、呼び出し、適用などの詳細
/* * 演示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 = '2b'; //调用ObjectA()方法,同时ObjectA构造函数中的所有this就会被ObjectB中的this替代 ObjectA.apply(this,arguments);//ObjectA.call(this); alert(this.info); } //ObjectB('参数0'); var value="global 变量"; function Obj(){ this.value="对象!"; } function Fun1(){ alert(this.value); } //Fun1(); //Fun1.apply(window); //Fun1.apply(new Obj());