79 lines
4.4 KiB
Markdown
79 lines
4.4 KiB
Markdown
---
|
||
title: Arguments
|
||
localeTitle: 参数
|
||
---
|
||
arguments对象是一个**类似于数组的对象** _（因为_ **对象** _的结构类似于数组的结构，但它不应该被认为是一个数组，因为它具有对象的所有功能）_ ，它存储了你的所有参数传递给函数，特别是该函数专有。如果要将3个参数传递给函数，比如`storeNames()` ，那么这三个参数将存储在一个名为**arguments**的对象中，当我们传递参数`storeNames("Mulder", "Scully", "Alex Krycek")`它将看起来像这样`storeNames("Mulder", "Scully", "Alex Krycek")`我们的功能：
|
||
|
||
* 首先，我们声明一个函数并使其返回arguments对象。
|
||
|
||
\`\`\`的JavaScript
|
||
function storeNames（）{return arguments; }
|
||
```
|
||
* Then, when we execute that function with **n arguments**, 3 in this case, it will return the object to us and it will **look like** an array. We can convert it to an array, but more on that later...
|
||
```
|
||
|
||
JavaScript的 //如果我们在控制台中执行以下行： storeNames（“Mulder”，“Scully”，“Alex Kryceck”）; //输出为{'0'：'Mulder'，'1'：'Scully'，'2'：'Alex Kryceck'}
|
||
```
|
||
If you want to know more about this, such as converting it to an array or the optimization problem that comes with using the _slice(_) method and how to solve it, click on **read more** (Gitter Chat Only).
|
||
|
||
## Treat it as an array
|
||
|
||
You can invoke arguments by using `arguments[n]` (where _n_ is the index of the argument in the array-like object) but if you want to use it as an array for iteration purposes or applying array methods to it, you need to _convert it to an array_ by declaring a variable and using the Array.prototype.slice.call method (because _arguments_ is not an array):
|
||
```
|
||
|
||
JavaScript的 var args = Array.prototype.slice.call（arguments）;
|
||
|
||
//或es6方式： var args = Array.from（arguments）
|
||
```
|
||
Since **slice()** has two (the parameter **end** is optional) parameters, you can grab a certain portion of the arguments by specifying (using the _slice.call()_ method renders these two parameters optional, not just _end_) the beginning and the ending of your portion; check out the following code:
|
||
```
|
||
|
||
JavaScript的 function getGrades（）{ var args = Array.prototype.slice.call（arguments，1,3）; 回归 }
|
||
|
||
//让我们输出这个！ console.log（getGrades（90,100,75,40,89,95））;
|
||
|
||
//输出应该是：// // \[100,75\] < - 为什么？因为它从索引1开始并在索引3处停止 //所以，没有考虑索引3（40）。 // //如果我们删除'3'参数，只留下（参数，1）我们得到 //来自索引1的每个参数：\[100,75,40,89,95\]。
|
||
```
|
||
### Optimization issues with Array.slice()
|
||
|
||
There is a little problem, it's not recommended to use slice in the arguments object (optimization reasons)...
|
||
|
||
> **Important**: You should not slice on arguments because it prevents optimizations in JavaScript engines (V8 for example). Instead, try constructing a new array by iterating through the arguments object.
|
||
>
|
||
> _by_ **_Mozilla Developer Network_** <a href='https://developer.mozilla.org/ca/docs/Web/JavaScript/Reference/Functions/arguments' target='_blank' rel='nofollow'>(reference)<a>
|
||
|
||
|
||
|
||
So, what other method is available to convert _arguments_ to an array? I recommend the for-loop (not the for-in loop), you can do it like this:
|
||
```
|
||
|
||
JavaScript的 var args = \[\]; //首先是空数组。 for（var i = 0; i <arguments.length; i ++）{ args.push（参数\[I\]） } //现在'args'是一个包含你的参数的数组。 \`\`\`
|
||
|
||
有关优化问题的更多信息：
|
||
优化杀手： [管理参数](https://github.com/petkaantonov/bluebird/wiki/Optimization-killers#3-managing-arguments)
|
||
|
||
### ES6 rest参数作为绕过arguments对象的一种方式
|
||
|
||
在ES2015 / ES6中，可以在大多数地方使用rest参数（ `...` ）而不是arguments对象。假设我们有以下功能（非ES6）：
|
||
```
|
||
function getIntoAnArgument() {
|
||
var args = arguments.slice();
|
||
args.forEach(function(arg) {
|
||
console.log(arg);
|
||
});
|
||
}
|
||
```
|
||
|
||
该功能可以在ES6中替换为：
|
||
```
|
||
function getIntoAnArgument(...args) {
|
||
args.forEach(arg => console.log(arg));
|
||
}
|
||
```
|
||
|
||
请注意，我们还使用了箭头函数来缩短forEach回调！
|
||
|
||
参数对象在箭头函数的主体内不可用。
|
||
|
||
rest参数必须始终作为函数定义中的最后一个参数。
|
||
`function getIntoAnArgument(arg1, arg2, arg3, ...restOfArgs /*no more arguments allowed here*/) { //function body }` |