JS 中的函数参数默认值是如何写的？

2022 年 3 月 27 日
本文字数：370 字
阅读完需：约 1 分钟

1.需求：

设计一个函数如下所示：

export function send(value, name, index){  // do some thing}

复制代码

想实现一个效果：

let value = {}
send(value, '张朝阳', 1964) // 函数调用时，可以值传递 3个参数send(value, '马云') // 函数调用时，可以值传递 2个参数，第3个参数默认值

复制代码

2.实现方案：

ES6 中的默认参数基础方法：

export function send(value, name, index = 1950){  // do some thing}

复制代码

3.实现原理：(查看编译器编译后代码)


send: function send(value, name) {	var index = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1950;  console.error('测试默认参数:', value, name, index);}

复制代码

4.总结

通过查看编译后的代码，可以看出函数内部，通过 arguments 参数数组进行判断，假设参数数组的最后一个参数没有传递的话，就会初始化为 1950，从而实现函数的参数默认值方法。

发布于: 刚刚阅读数: 2

原文链接:【http://xie.infoq.cn/article/af13b556bdb90f18954b38d6e】。文章转载请联系作者。

Changing Lin

关注

获得机遇的手段远超于固有常规之上~ 2020.04.29 加入

我能做的，就是调整好自己的精神状态，以最佳的面貌去面对那些未曾经历过得事情，对生活充满热情和希望。

发布

暂无评论

创作场景

JS 中的函数参数默认值是如何写的？

1.需求：

2.实现方案：

3.实现原理：(查看编译器编译后代码)

4.总结

Changing Lin

评论