JavaScript之arguments

本文共 635 字，读完只需 3 分钟

概述

JavaScript中的函数与其余面向对象语言有几个不一样的地方。

1. 没有函数重载
2. 有一个表示实参列表的类数组对象 arguments

1、函数重载

简单来讲，JAVA 同一个类中容许几个函数有一样的函数名称，可是参数声明不同，这就是函数重载。

可是 JS 不支持函数重载：

function foo(num) {
    console.log(num + 100)
}

function foo(num) {
    console.log(num + 200)
}

foo(100);  // 300
复制代码

若是 js 中定义了两个相同名称的函数，那么该名字只属于后定义的那个函数。

2、arguments 类数组

函数 arguments 对象是全部（非箭头）函数中均可用的局部变量, 是一个相似数组的对象。你可使用arguments对象在函数中引用函数的（实际）参数。

function foo() {
    console.log(arguments);
}

foo(1, "foo", false, {name: "bar"}); // [1, "foo", false, object]
复制代码

function foo() {
    console.log(typeof arguments);
}

foo(1, "foo", false, {name: "bar"}); // object
复制代码

因此，arguments 是一个具备数组样式的对象，有 length 属性，和下标来索引元素。

3、arguments 的属性

length

function foo(num1, num2, num3) {
    console.log(arguments)
}

foo(1);  // [1]
复制代码

length 属性表示传入函数的实际参数数量，而不是函数声明时的形参数量。

callee
callee 表示函数自己，咱们能够在函数中经过 callee 调用自己。

复制代码

4、转化为真数组

1. slice

arguments 对象不支持数组的其余方法，可是能够用 Function.call 来间接调用。

function sayHi() {
	console.log(Array.prototype.slice.call(arguments, 0))
}
sayHi("hello", "你好", "bonjour")  //["hello", "你好", "bonjour"]
复制代码

1. splice

function sayHi() {
	console.log(Array.prototype.splice.call(arguments, 0));
}
sayHi("hello", "你好", "bonjour")  //["hello", "你好", "bonjour"]
复制代码

1. Array.from

function sayHi() {
	console.log(Array.from(arguments));
}
sayHi("hello", "你好", "bonjour")  //["hello", "你好", "bonjour"]
复制代码

1. 扩展运算符

function sayHi(...arguments) {
	console.log(arguments);
}
sayHi("hello", "你好", "bonjour")  //["hello", "你好", "bonjour"]
复制代码

5、严格模式

严格模式和非严格模式中，arguments 的表现显示不相同。

// 严格模式
function foo(a, b) {
 "use strict";
    console.log(a, arguments[0]);
    a = 10;
    console.log(a, arguments[0]);
    arguments[0] = 20;
    console.log(a, arguments[0]);
    b = 30;
    console.log(b, arguments[1])
}
foo(1);
输出：
1 1
10 1
10 20
30 undefined

// 非严格模式
function foo(a, b) {
    console.log(a, arguments[0]);
    a = 10;
    console.log(a, arguments[0]);
    arguments[0] = 20;
    console.log(a, arguments[0]);
    b = 30;
    console.log(b, arguments[1]);
}
foo(1);
输出：
1 1
10 10
20 20
30 undefined
复制代码

在非严格模式中，传入的参数，实参和 arguments 的值会共享，当没有传入时，实参与 arguments 值不会共享。

而在严格模式中，实参和 arguments 的值不会共享。

欢迎关注个人我的公众号“谢南波”，专一分享原创文章。

掘金专栏 JavaScript 系列文章

1. JavaScript之变量及做用域
2. JavaScript之声明提高
3. JavaScript之执行上下文
4. JavaScript之变量对象
5. JavaScript原型与原型链
6. JavaScript之做用域链
7. JavaScript之闭包
8. JavaScript之this
9. JavaScript之arguments
10. JavaScript之按值传递
11. JavaScript之例题中完全理解this
12. JavaScript专题之模拟实现call和apply