。

除了其它新特性外#xff0c;我们还可以使用rest参数、默认值、解构赋值等。

本教程中#xff0c;我们将详细探索arguments和parameters#xff0c;看看…

ECMAScript

标准的最新版本显著地完善了JS中参数的处理方式。

除了其它新特性外我们还可以使用rest参数、默认值、解构赋值等。

本教程中我们将详细探索arguments和parameters看看ES6是如果改善升级它们的。

Arguments

都认为是可以互换使用的。

然而基于本教程的目的我们做了明确的区分。

在大多数标准中parameters

(形式参数)

方法并不支持传入数组它只接受数字。

所以当我们把数组作为参数传递给它时就会抛出错误。

但是加上

apply()

来模仿操作符是可以达到目的的只是语法上令人困惑并且缺乏扩展操作符的灵活性。

扩展操作符不仅易于使用还涵盖了很多其他特性。

例如它可以被多次使用还可以在

function

arguments){console.log(arguments[i]);}}var

params

当然我们可以用ES5重写上面的代码但我们则需要用一个复杂的模式来避免类型错误

new

(Function.prototype.bind.apply(Date,

[null].concat([2016,

rest参数和扩展操作符拥有相同的语法不同的是rest参数是把所有的参数收集起来转换成数组而扩展操作符是把数组扩展成单独的参数。

function

如果函数调用时没有传入实际参数则rest参数会输出一个空数组如下

function

rest参数在创建一个可变函数即一个参数个数可变的函数时尤其有用。

rest参数有着数组固有的优势可以快捷地替换

arguments

this。

这个函数存在的第一个问题是我们必须看函数体内是否有多个参数。

第二个问题是循环必须从

开始,

如果以后我们想要在这个字符串的前面或者后面添加另一个参数我们可能会忘记更新循环体。

而使用rest参数我们就可以很容易地避免这些问题

function

中并且第一个被传递进来剩下的参数都被放到一个数组并且赋给了名为

keys

然而rest参数也不是没有缺点的。

例如它必须是最后一个参数否则就会报错如下面函数所示

function

该函数预期传入两个参数但如果在调用该函数时没有传入实参则它会用默认值。

在函数体内如果没有传入实际参数则会被自动设为

undefined,

操作符会检测它的第一个参数如果有实际值2则用第一个如果没有则用它的第二个参数。

null

时才会使用默认值。

这种方式需要用到的代码稍微多点但是安全度更高我们可以给函数传入

null

有了ES6,我们不需要再去检测哪些值为undefined并且给它们设定默认值了。

现在我们可以直接在函数声明中放置默认值

function

默认参数还有一个有趣的特性那就是我们可以在函数声明中指定其它参数和变量的值

function

解构赋值是ES6的新特性。

我们可以从数组和对象中提取值对变量进行赋值。

这种语法清晰且易于理解尤其是在给函数传参时特别有用。

function

只是我们必须看函数内部才知道函数预期需要哪些参数。

结合解构赋值我们就可以在函数声明中清晰地表示这些参数

function

在该函数中我们没有传入一个配置对象而是以对象解构赋值的方式给它传参数。

这样做不仅使这个函数更加简明可读性也更高。

function

当我们需要让参数都是必填时这种方法能够得到我们想要的结果但如果我们希望参数是可选的时候呢想要让参数缺失时不会报错我们就需要给默认参数设定一个默认值

function

上面这个函数中需要解构赋值的参数有了一个默认值这个默认值就是一个空对象。

这时候函数被调用时即使没有传入参数也不会报错了。

function

在这个例子中每个属性都有一个默认值我们不需要手动去检查哪个参数值是

undefined

参数能通过引用或值传递给函数。

修改按引用传递的参数一般反映在全局中而修改按值传递的参数则只是反映在函数内部。

Visual

只允许按值传参。

当我们给函数按值传递一个参数时该函数的作用域内就已经复制了这个值。

因此这个值的改变只会在函数内部反映出来。

请思考下面这个列子

var

在JavaScript中一切都是按值传递的。

但当我们给函数传一个变量而这个变量所指向的是一个对象包括数组时这个

就是对象的一个引用。

通过这个变量来改变对象的属性值是会从根本上改变这个对象的。

来看下面这个例子

如你所见对象的属性值在函数内部被修改了被修改的值在函数外面也是可见的。

当我们传递一个没有初始值的参数时如数组或对象会隐形地创建了一个变量这个变量指向记忆中原对象所在的位置。

这个变量随后被传递给了函数在函数内部对这个变量进行修改将会影响到原对象。

参数类型检测、参数缺失或参数多余

没有这种特性。

在JavaScript中我们传递给函数的参数个数不限也可以是任何类型的数据。

假设现在有一个函数这个函数只接受一个参数。

但是当函数被调用时它本身没有限制传入的参数只能是一个我们可以随意地传入一个、两个、甚至是更多。

我们也可以什么都不传这样都不会报错。

形参arguments和

undefined。

基于这一点我们可以在参数缺失时抛出一个错误

function

参数对象是一个类数组对象可在一切函数内使用。

它允许通过数字而不是名称来找回被传递给函数的参数值。

这个对象使得我们可以给函数传递任何参数。

思考以下代码段

function

该函数预期接收一个参数。

但是当我们给它传入两个参数并且调用它时第一个参数通过名为

param1

参数对象给每个被传递给函数的参数提供了一个入口并且第一个入口的下标从

function

事实上命名参数只是为了方便使用并不是必须的。

类似地rest参数也可用于反映被传递的参数

function

参数对象是一个类数组的对象只是它没有数组本身具备的方法如slice()

如果要在参数对象中使用数组的方法首先要把它转换成一个真正的数组。

function

Array.prototype.slice.call(arguments);return

a.sort();

尽管参数对象从技术上来讲不算是一个数组但仍有一个长度属性来检测传递给函数的参数个数

function

{console.log(arguments.length);

}countArguments();

属性我们可以更好地控制传递给函数的参数个数。

举个例子如果一个函数只要求两个参数那么我们就可以使用

length

在ES5的严格模式下这些属性是不被支持的如果尝试使用它们则会报错。

arguments.callee

这个属性在递归函数中很有用尤其在匿名函数中。

因为匿名函数没有名称只能通过

arguments.callee

的值总是和对应的命名参数保持同步所以改变了arguments[0]

param

严格模式下是一样的。

需要记住的是当函数声明中使用了默认值时参数对象是不会受到影响的

function

falseconsole.log(arguments[2]);

}foo(string1,

因为函数调用时只传了两个值。

换言之设定默认值对参数对象是没有任何影响的。

ES6

所以我们都需要去了解它们。

在本教程中我们学习了ES6是如何改善JS的参数处理的但我们仍只是知晓了ES6的皮毛。

更多新的、有趣的特性值得我们去探讨。