ホームページ > 記事 > ウェブフロントエンド > JavaScript は可変長パラメータをサポートしていますか?
JavaScript は可変長パラメーターをサポートしています。可変長パラメータを実装する 2 つの方法: 1. 引数オブジェクトを使用します。引数オブジェクトの長さは、仮パラメータの数ではなく実際のパラメータの数によって決まります。引数と値の両方が存在する場合、2 つの値はただし、いずれかの null ケースでは、この null ケースでは値は同期されません。 2. 残りのパラメータは、冗長なパラメータを受け入れて配列に入れることを意味し、構文は「...変数名」です。
このチュートリアルの動作環境: Windows7 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。
JavaScript は可変長パラメーターをサポートしています。
JS可変長パラメータ(可変パラメータ)の実装1:引数
引数ですか?可変パラメータを実装するにはどうすればよいですか?
arguments は、関数に渡される引数に対応する配列のようなオブジェクトです。
ES5 では、引数オブジェクトを使用して変数パラメーターを実装できます。
引数オブジェクトの長さは、仮パラメータの数ではなく実際のパラメータの数によって決まります。仮パラメータは、関数内のメモリ空間で再度開かれる変数ですが、引数オブジェクトのメモリ空間とは重なりません。引数と値の両方が存在する場合、2 つの値は同期されますが、どちらか一方に値がない場合、この値のないケースでは値は同期されません。
<script> function dynamicArgs() { var info = "今日签到的学生有:"; for (let i = 0; i < arguments.length ; i ++) { if (i > 0) { info += ","; } info += arguments[i]; } console.log(info); } dynamicArgs("张三", "李四"); dynamicArgs("张三", "李四", "王五", "马六"); dynamicArgs(["张三", "李四", "王五", "马六", "jack", "rose"]); </script>
パラメータは不確かなので、書き留めないでください。
呼び出し時に N 個の複数のパラメータを記述することも、配列を直接渡すこともできます。
実行効果:
要約:
1. 関数からわかる定義では、変数パラメータの引数が関数内で使用されている場合、仮パラメータを記述する必要はありません
2。関数を呼び出すとき、複数の実パラメータ
argumentsオブジェクトを渡すことができます。関数に直接接続できるのは、すべての (アロー以外の) 関数で使用できるローカル変数です。引数オブジェクトを使用して、関数内で関数の引数を参照できます。このオブジェクトには関数に渡される各引数が含まれており、最初の引数のインデックスは 0 です。たとえば、関数に 3 つの引数が渡された場合、次のように参照できます:
arguments[0] arguments[1] arguments[2]
パラメータも設定できます:
arguments[0] = 'value';
arguments
はオブジェクトですが、
は Array
ではありません。これは Array
に似ていますが、length 属性とインデックス要素を除いて Array
プロパティを持ちません。たとえば、pop メソッドはありません。ただし、実際の Array
:
したがって、次のようなコードがよく見られます:
// 由于arguments不是 Array,所以无法使用 Array 的方法,所以通过这种方法转换为数组 var args = [].slice.call(arguments); // 方式一 var args = Array.prototype.slice.call(arguments); // 方式二 // 下面是 es6 提供的语法 let args = Array.from(arguments) // 方式一 let args = [...arguments]; // 方式二
arguments# プロパティ<span style="font-size: 16px;"></span>
rguments.callee()<strong></strong>) の使用禁止
#引数が削除されました <span style="font-size: 16px;"></span>
#1) strict In モードでは、残りのパラメータ、デフォルトパラメータ、および破棄された割り当てパラメータの存在は、arguments オブジェクトの動作を変更しませんが、非厳密モードでは異なります。
function func(a) { arguments[0] = 99; // 更新了arguments[0] 同样更新了a console.log(a); } func(10); // 99 // 并且 function func(a) { a = 99; // 更新了a 同样更新了arguments[0] console.log(arguments[0]); } func(10); // 992) そうでない場合厳密モード
の関数には、残りのパラメーター、デフォルト パラメーター、および構造化代入が含まれていないため、arguments オブジェクト の値がパラメーターの値を
追跡します (およびその逆) 。次のコードを見てください: function func(a = 55) {
arguments[0] = 99; // updating arguments[0] does not also update a
console.log(a);
}
func(10); // 10
//
function func(a = 55) {
a = 99; // updating a does not also update arguments[0]
console.log(arguments[0]);
}
func(10); // 10
function func(a = 55) {
console.log(arguments[0]);
}
func(); // undefined
の形式) が導入されます。残りのパラメータと一致する変数は配列であり、追加のパラメータがその配列に入れられます。可変長パラメータを扱うのに非常に適しています。 Rest は、渡されるパラメーターの数の不一致の問題を解決するためのものです。これは、追加のパラメーターを受け入れて配列に入れることを意味します。Rest パラメーター自体は配列であり、配列関連のすべてのメソッドは次のことができます。利用される。
function f(a, b, ...theArgs) {
// ...
}
:残りのパラメータの後に他のパラメータを置くことはできません (つまり、最後のパラメータのみにすることができます)。そうでない場合は、エラーが報告されます。 function f(arg1, ...rest, arg2) { // arg2 after ...rest ?!
// error
}
rest参数不会为每个变量给一个单独的名称,参数对象包含所有参数传递给函数 参数对象不是真正的数组,rest参数是真实的数组实例。例如数组sort、map、forEach、pop的方法都可以直接使用 参数对象有他自己额外的特性(例如callee 属性) Rest参数的引入减少样式代码 Rest参数可以被解构(通俗一点,将rest参数的数据解析后一一对应)不要忘记参数用[] 括起来,因为它数组嘛 示例 1、计算参数和 2、每个参数乘以2 3、排序 对比:参数对象arguments不能排序 【相关推荐:javascript学习教程 、编程视频】
//以前函数
function f(a, b) {
var args = Array.prototype.slice.call(arguments, f.length);
// …
}
// 等效于现在
function f(a, b, ...args) {
}
function f(...[a, b, c]) {
return a + b + c;
}
f(1) //NaN 因为只传递一个值,其实需要三个值
f(1, 2, 3) // 6
f(1, 2, 3, 4) // 6 (第四值没有与之对应的变量名)
function sumAll(...args) { // args 是数组的名称
let sum = 0;
for (let arg of args) sum += arg;
return sum;
}
console.log( sumAll(1) ); // 1
console.log( sumAll(1, 2) ); // 3
console.log( sumAll(1, 2, 3) ); // 6
function multiply(multiplier, ...theArgs) {
return theArgs.map(function(element) {
return multiplier * element;
});
}
var arr = multiply(2, 1, 2, 3);
console.log(arr); // [2, 4, 6]
function sortRestArgs(...theArgs) {
var sortedArgs = theArgs.sort();
return sortedArgs;
}
//好像一位和两位混合不能进行排序,这需要看一下为甚?主要第一个为主
console.log(sortRestArgs(5, 3, 7, 1)); // shows 1, 3, 5, 7
function sortArguments() {
//arguments是参数对象不能直接使用sort()方法,因为不是数组实例,需要转换
var sortedArgs = arguments.sort();
return sortedArgs; // this will never happen
}
// 会抛出类型异常,arguments.sort不是函数
console.log(sortArguments(5, 3, 7, 1));
以上がJavaScript は可変長パラメータをサポートしていますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。