JavaScript位置参数实现原理及过程解析(2)

要更改基数,我们必须显式传递基数键。这意味着如果要解析以2为底的字符串,则必须转到文档并查看参数(基数)的确切名称。如果我们盲目地传递任何其他键,它将无济于事。这对我们来说很棒,因为它避免了意外行为。

(1) 具有解构的命名参数

不久前,JavaScript获得了称为解构的功能,让我们在myCustomParseInt实现中使用它。

// 位置参数 function myCustomParseInt(item, radix) { return parseInt(item, radix); } // 命名参数旧的实现 function myCustomParseInt(objArgs) { return parseInt(objArgs.item, objArgs.radix); } // 命名参数解构 function myCustomParseInt({ item, radix }) { return parseInt(item, radix); }

你会注意到,只需添加两个花括号,我们就可以得到命名args的好处,你可以将解构视为执行 const item = objArgs.item;。

如果使用 undefined 调用myCustomParseInt,则JS将引发错误。那是因为不允许 undefined.item。为了避免这种情况,我们可以在解构结束时添加 = {}。这样,当我们传递undefined时,它将执行 {}.item 这是有效的JS。这是最终的实现:

function myCustomParseInt({ item, radix } = {}) { return parseInt(item, radix); }

通过命名参数模式,我们也可以跳过我们不想提供的参数,因为函数不再依赖于传递参数的顺序。

// 对于位置参数,我们必须在之间添加一个null
function greetPos(firstName, middleName, lastName) {}
greetPos('Aditya', null, 'Agarwal');

// 使用命名参数,你只需提供firstName和lastName。
function greetNamed({ firstName, middleName, lastName } = {}) {}
greetNamed({ firstName: 'Aditya', lastName 'Agarwal' });

总而言之,我要说的是命名参数是一种强大的模式,如今它已变得非常普遍,但是你不必总是使用它们。有时你甚至可以将两者结合在一起。浏览器中的fetch API的用法如下:

// 以url作为位置参数的请求,以及以args做命名参数的选项。 fetch('https://google.com', { method: 'POST', headers: { 'Content-Type': 'application/json', }, }); // basic GET requests with just positional args fetch('https://google.com');

这里的强制参数(API路径)是一个位置参数,然后通过命名参数接受可选的参数。

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:http://www.heiqu.com/6a064c8865da3ce99bedd43f761c790b.html