Truyền số lượng đối số chưa biết vào hàm javascript

Có cách nào để truyền một số lượng đối số không xác định như:

var print_names = function(names) {
    foreach(name in names) console.log(name); // something like this
}

print_names('foo', 'bar', 'baz');

Ngoài ra, làm cách nào để lấy số lượng đối số được truyền vào?

ES3 (hoặc ES5 hoặc Javascript cũ)

Bạn có thể truy cập các đối số được truyền cho bất kỳ hàm javascript nào thông qua argumentsđối tượng ma thuật , đối tượng này hoạt động tương tự như một mảng. Sử dụng argumentschức năng của bạn sẽ trông như thế nào

var print_names = function() {
     for (var i=0; i<arguments.length; i++) console.log(arguments[i]);
}

Điều quan trọng cần lưu ý là rằng argumentslà không một mảng. MDC có một số tài liệu tốt về nó: https://developer.mozilla.org/en/Core_JavaScript_1.5_Guide/Functions#Using_the_arguments_object

Nếu bạn muốn chuyển argumentsthành một mảng để bạn có thể làm những việc như .slice(), .push()v.v., hãy sử dụng một cái gì đó như sau:

var args = Array.prototype.slice.call(arguments);

ES6 / Bảng chữ cái

Có một cách tốt hơn! Tính năng thông số nghỉ ngơi mới đã hỗ trợ bạn:

var print_names = function(...names) {
    for (let i=0; i<names.length; i++) console.log(names[i]);
}

ES6 / ES2015

Tận dụng cú pháp tham số còn lại .

function printNames(...names) {
  console.log(`number of arguments: ${names.length}`);
  for (var name of names) {
    console.log(name);
  }
}

printNames('foo', 'bar', 'baz');

Có ba điểm khác biệt chính giữa tham số phần còn lại và đối tượng đối số:

• các tham số còn lại chỉ là những tham số chưa được đặt tên riêng, trong khi đối tượng đối số chứa tất cả các đối số được truyền cho hàm;
• đối tượng đối số không phải là một mảng thực, trong khi các tham số còn lại là các cá thể Mảng, nghĩa là các phương thức như sắp xếp, ánh xạ, forEach hoặc pop có thể được áp dụng trực tiếp trên nó;
• đối tượng đối số có chức năng bổ sung cụ thể cho chính nó (như thuộc tính callee).

var 
print_names = function() {
    console.log.apply( this, arguments );
};

print_names( 1, 2, 3, 4 );

function print_args() {
    for(var i=0; i<arguments.length; i++)
        console.log(arguments[i])
}

Có một đối tượng ẩn được truyền cho mọi hàm trong JavaScript được gọi arguments.

Bạn sẽ chỉ sử dụng arguments.lengthđể lấy số lượng đối số được truyền vào hàm.

Để lặp lại các đối số, bạn sẽ sử dụng một vòng lặp:

for(var i = arguments.length; i--) {
   var arg = arguments[i];
}

Lưu ý rằng đó argumentskhông phải là một mảng thực, vì vậy nếu bạn cần nó như một mảng, bạn sẽ chuyển đổi nó như thế này:

var args = Array.prototype.slice.call(arguments);

arguments.length. bạn có thể sử dụng vòng lặp for trên đó.

(function () {
    for (var a = [], i = arguments.length; i--;) {
        a.push(arguments[i]);
    };
    return a;
})(1, 2, 3, 4, 5, 6, 7, 8)

Tốt hơn nhiều bây giờ cho ES6

function Example() {
    return {
        arguments: (...args) =>{
            args.map(a => console.log());
        }
    }
}

var exmpl = new Example();
exmpl.arguments(1, 2, 3, 'a', 'b', 'c');

Tôi hi vọng cái này giúp được

Các thông số còn lại trong ES6

const example = (...args) => {
  for (arg in args) {
    console.log(arg);
  }
}

Lưu ý: bạn có thể chuyển các tham số thông thường vào trước các tham số còn lại

const example = (arg1, ...args) => {
  console.log(arg1);
  for (arg in args) {
    console.log(arg);
  }
}

Bạn có thể sử dụng toán tử spread / rest để thu thập các tham số của bạn vào một mảng và sau đó length, mảng của mảng sẽ là số tham số bạn đã truyền:

function foo(...names) {
    console.log(names);
    return names;
}

console.log(foo(1, 2, 3, 4).length);

Sử dụng BabelJS, tôi đã chuyển đổi hàm thành JS cũ:

"use strict";

function foo() {
  for (var _len = arguments.length, names = new Array(_len), _key = 0; _key < _len; _key++) {
    names[_key] = arguments[_key];
  }

  console.log(names);
  return names;
}

Bạn có thể tạo một hàm bằng cách sử dụng toán tử spread / rest và từ đó, bạn đã đạt được mục tiêu của mình. Hãy xem đoạn dưới đây.

const print_names = (...args) => args.forEach(x => console.log(x));

Tôi thích làm điều này:

Điều này sẽ không hữu ích nếu bạn không biết số lượng đối số, nhưng nó sẽ hữu ích nếu bạn không muốn nhớ thứ tự của chúng.

/**
 *  @param  params.one        A test parameter
 *  @param  params.two        Another one  
 **/
function test(params) {

    var one = params.one;
    if(typeof(one) == 'undefined') {
        throw new Error('params.one is undefined');
    }

    var two = params.two;
    if(typeof(two) == 'undefined') {
        throw new Error('params.two is undefined');
    }
}