javascript 之Rest 参数(...)

概述:

      Rest就是为解决传入的参数数量不一定, rest parameter(Rest 参数) 本身就是数组,数组的相关的方法都可以用。

1.语法:

function f(a, b, ...theArgs) {
  // ...
}

2.描述:

theArgs以“...”开头,它是一个数组,它的值来自于实际调用者传入[0,theArgs.length)  (索引的范围:0到theArgs.length-1)

3.区分rest参数和 参数对象

  • rest参数不会为每个变量给一个单独的名称,参数对象包含所有参数传递给函数
  • 参数对象不是真正的数组,rest参数是真实的数组实例。例如数组sort、map、forEach、pop的方法都可以直接使用
  • 参数对象有他自己额外的特性(例如callee 属性

4.从参数变成数组

Rest参数的引入减少样式代码。

 

//以前函数
function f(a, b) {
  var args = Array.prototype.slice.call(arguments, f.length);

  // …
}

// 等效于现在

function f(a, b, ...args) {
  
}

5.Rest参数可以被解构(通俗一点,将rest参数的数据解析后一一对应)不要忘记参数用[] 括起来,因为它数组嘛

function f(...[a, b, c]) {
  return a + b + c;
}

f(1)          //NaN 因为只传递一个值,其实需要三个值
f(1, 2, 3)    // 6
f(1, 2, 3, 4) // 6 (第四值没有与之对应的变量名)

6.例子走起

计算rest参数的长度,验证是否直接可以用数组的方法

function fun1(...theArgs) {
  console.log(theArgs.length);
}

fun1();  // 0
fun1(5); // 1
fun1(5, 6, 7); // 3

每个参数乘以2

function multiply(multiplier, ...theArgs) {
  return theArgs.map(function(element) {
    return multiplier * element;
  });
}

var arr = multiply(2, 1, 2, 3); 
console.log(arr); // [2, 4, 6]


排序

function sortRestArgs(...theArgs) {
  var sortedArgs = theArgs.sort();
  return sortedArgs;
}
//好像一位和两位混合不能进行排序,这需要看一下为甚?主要第一个为主
console.log(sortRestArgs(5, 3, 7, 1)); // shows 1, 3, 5, 7
对于参数对象arguments不能排序

function sortArguments() {
  //arguments是参数对象不能直接使用sort()方法,因为不是数组实例,需要转换
  var sortedArgs = arguments.sort(); 
  return sortedArgs; // this will never happen
}

// 会抛出类型异常,arguments.sort不是函数
console.log(sortArguments(5, 3, 7, 1));

7.浏览器兼容问题:

特性chromeEdgeFirFoxIEOperasafaris
基础472015.0不支持3410
解构支持不支持52.0不支持支持未知

8.总结

Rest参数类似java中不定参数,说明语言都是共通的(相互抄袭,哈哈,只是换个姿势)

  • 20
    点赞
  • 32
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
https://restapi.amap.com/v3/weather/weatherInfo是一个天气查询API服务的地址。你可以使用GET请求方式调用该API,并通过parameters参数传递其他参数。其中,city参数可以在提供的城市编码表中找到对应的取值。在你的项目中,你可以使用ajax来发送请求,例如通过以下代码查询北京市的天气: ```javascript $.ajax({ type: 'get', url: 'https://restapi.amap.com/v3/weather/weatherInfo?key=你的key&city=110000', contentType: "application/json", success: function (data) { const {weather, temperature} = data.lives\[0\] console.log(data) } }) ``` 这段代码使用了你提供的key和city参数来查询北京市的天气信息,并将结果打印在控制台上。你可以根据需要修改key和city参数来查询其他城市的天气信息。 #### 引用[.reference_title] - *1* [Unity 接入高德开放API - 天气查询](https://blog.csdn.net/qq_42139931/article/details/121609952)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* *3* [高德地图API--天气查询](https://blog.csdn.net/qq_38475901/article/details/121018428)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值