JS语法之：rest参数

- 日理万妓 2022-04-15 03:09 164阅读 0赞

《JavaScript高级程序设计》在讲Function类型时说：

> 说起来ECMAScript中什么最有意思，我想那莫过于函数了。

今天来看看有意思的地方之一：rest参数。

我们知道，ES6支持类(class)这种写法了：

class A {
        constructor(x, y) {
            this._x = x;
            this._y = y;
        }
    }

如果是C++，在对象初始化时如果想**指定不同的方式来初始化数据成员**，可以重载构造函数，然后在定义新对象时，编译器根据实参类型决定使用哪个构造函数。

而JavaScript没有函数重载，如何实现支持**多种初始化方式**呢？

首先，JS函数的参数与大多数其他语言中函数的参数有所不同，即便刚开始只定义了两个参数，在调用时也未必一定要传两个，可以传一个或者三个。

在函数体内，它可以通过一个对象来获取所有参数，这个对象是：arguments。比如：

function sayHi() {
        alert("hello " + arguments[0] + "," + arguments[1]);
    }

到了ES6，又引入了**rest参数**，形式为：...变量名。arguments对象不是数组，只是可以下标访问而已，而rest参数是一个真正的数组。

使用rest参数，上面的构造函数可以这样写：

class A {
        constructor(...args) {
            if (args.length == 3) {
                this._x = args[0];
                this._y = args[1];
                this._z = args[2];
            }
            else if (args.length == 2) {
                this._x = args[0];
                this._y = args[1];
                this._z = 0;
            }
            else {
                throw TypeError("args error!");
            }
        }
    }

发表评论取消回复

表情：

评论列表（有 0 条评论，164人围观）

还没有评论，来说两句吧...

相关阅读

相关 webpack 之 js语法检查eslint

webpack 之 js语法检查eslint // 用来拼接绝对路径的方法 const { resolve} = require('pat

左手的ㄟ右手/ 2023年01月10日 10:06/ 0 赞/ 210 阅读

相关 ElasticSearch--Rest API--语法

原文网址：[ElasticSearch--Rest API--语法\_IT利刃出鞘的博客-CSDN博客][ElasticSearch--Rest API--_IT_-CSDN]

落日映苍穹つ/ 2023年01月01日 08:00/ 0 赞/ 143 阅读

相关对 rest 参数(剩余参数) 与 Spread 语法(展开语法)的理解

文章目录 Rest 参数(剩余参数) Rest 参数和 arguments 的区别 Spread 语法(展开语法) 参考 Rest 参数(剩余

你的名字/ 2022年10月18日 15:55/ 0 赞/ 125 阅读

相关 JS语法之：map()方法

[MDN web docs][]上面说： > map() 方法创建一个新数组，其结果是该数组中的每个元素都调用一个提供的函数后返回的结果。并举了个例子： var

比眉伴天荒/ 2022年04月22日 19:42/ 0 赞/ 163 阅读

相关 JS语法之：require

JS中，一个模块加载另一个模块有两套规范：CommonJS规范和AMD规范。 > CommonJS规范加载模块是同步的，也就是说，只有加载完成，才能执行后面的操作。AMD规范

àì夳堔傛蜴生んèń/ 2022年04月15日 04:56/ 0 赞/ 183 阅读

相关 JS语法之：rest参数

《JavaScript高级程序设计》在讲Function类型时说： > 说起来ECMAScript中什么最有意思，我想那莫过于函数了。今天来看看有意思的地方之一：rest

- 日理万妓/ 2022年04月15日 03:09/ 0 赞/ 165 阅读

相关 Node.js 之REST API

參考link \[url\]http://www.runoob.com/nodejs/nodejs-restful-api.html\[/url\]

布满荆棘的人生/ 2022年04月06日 13:27/ 0 赞/ 170 阅读

相关 JS语法之：数组拼接

功能：将两个数组拼接到一起。实现方式一（场景一）：forEach let data1 = [1,2,3]; let data2 = [4,5,6];

ゝ一世哀愁。/ 2022年03月26日 07:17/ 0 赞/ 278 阅读

相关函数的rest参数

如果想要实现为函数传入多个参数，那么可以使用`arguments`对象，例如 function foo(){ for(let num

痛定思痛。/ 2022年03月25日 04:46/ 0 赞/ 181 阅读

相关 JS语法之：async和await

> async 表示函数里有异步操作，await表示紧跟在后面的表达式需要等待结果。 > > 在没有await的情况下执行async函数，它会立即执行，返回一个Promise

比眉伴天荒/ 2022年03月16日 06:12/ 0 赞/ 152 阅读