function 函数传参,不定参,return返回值

原创 已于 2025-12-19 18:01:58 修改 · 7.2k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript #开发语言 #ecmascript

于 2016-09-18 20:58:58 首次发布
本文介绍JavaScript中函数传参的基本概念，包括形参、实参及不定参数的使用方法，并通过示例展示了不定参数求和的过程。此外，还讨论了函数返回值的重要性以及getComputedStyle方法在获取元素计算样式方面的应用，最后给出了一个处理浏览器兼容性的示例。

函数传参:

function fn(形参){

console.log(形参);

}

fn(实参);

不定参: arguments

arguments: 不定参  函数的所有参数的集合 数组形式

只能在函数中使用

类似数组,保存实际传入的参数的集合

拥有length属性

可用下标获取实际参数中对应的值

举个栗子``��:

function fn(){

console.log(arguments);

}

fn(1,2);

不定参求和 栗子``��;

function fn(){

var num = 0;

for(var i = 0; i < arguments.length; i++){

num += arguments[i];

}

console.log(num);

}

fn(1,2,3,4,5,6);

函数返回值:(return)

当我们需要在函数外边拿到函数执行的结果时,就需要使用函数返回值;

为什么使用函数返回值:—方便函数复用

函数执行完成后都有返回值

不使用return默认返回值为undefined

使用return 返回值为return后面的值

return的一些问题:

1,return只能用在函数中;

2,在函数中 return后面的代码就不再执行了;

getComputedStyle():获取计算后样式

getComputedStyle(要获取样式的元素)["样式名"];

1. 颜色值 拿到的是 rgb样式

2. getComputedStyle只能获取 不能设置

3. IE6.7.8不支持 getComputedStyle

要获取样式的元素.currentStyle["样式名"];

1. 不能获取复合样式

2. 只兼容IE8包含IE8之前的IE浏览器

处理兼容问题方法:

<style type="text/css">

#box {

width: 100px;

height: 100px;

background: red;

}

</style>

<script type="text/javascript">

function $(id){

return document.getElementById(id);

}

function css(el,attr){

if(el.currentStyle) {

return el.currentStyle[attr];

}

return getComputedStyle(el)[attr];

}

window.onload = function() {

var box = $("box");

alert(css(box,"width"));

};

</script>

</head>

<body>

<div id="box"></div>

</body>

</html>

zhouyiersan
关注
Shell脚本攻略--函数应用(返回值、传参、变量的作用范围、递归）
weixin_53560205的博客
09-10 1093
文章目录前言一、格式二、函数返回值1.示例①2.示例②三、函数传参四、函数变量的作用范围五、递归1.阶乘2.递归目录 前言 Shell函数也是我们经常使用的，因为有些命令序列是需要反复调用执行的，若每次使用同一命令就重复写一遍，就会导致代码量很大，行数特别多，为解决该问题可以将命令序列按格式写一起，以便可以重复使用，所以说，Shell函数的本质就是一段可以重复使用的脚本代码，这段代码被提前编写好了，放在了指定的位置，使用时直接调取即可 一、格式 [function]是可选的，表示该函数的功能，这个是可以省
有参数无返回值的函数
07-20
### 有参数无返回值的函数 #### 一、引言 在计算机编程中，函数是一种重要的编程结构，用于封装可重复使用的代码片段。根据不同的功能需求，函数可以设计成带有参数或者没有参数，以及是否返回值的形式。本文将重点...
JavaScript 函数Function、概念、使用、参数、返回值、arguments的使用
七七的博客
04-13 1345
函数：就是封装了一段可被重复调用执行的代码块。通过此代码块可以实现大量代码的重复使用。
[笔记]关于ES6中import和export20210331
weixin_46000241的博客
03-31 484
[笔记]关于ES6中import和export说明概述ES6模块的使用export和import的使用导出变量导入变量导出函数或类导入函数或类整体导入export default命令复合写法import()最后一些注意点 说明 以下内容是本人在学习过程中的一些笔记，可能会有错误。如有错误，欢迎指正。 概述 ES6之后实现了模块功能，ES6 模块的设计思想是尽量的静态化，使得编译时就能确定模块的依赖关系，以及输入和输出的变量。ES6模块本身不是对象，所以在引用的过程中是不能够引用自身的。这和CommonJS是
export export default 暴露出去 使用import 和 require 接收
qq_44917015的博客
12-11 689
// var str = '123123' // export str;//直接这样写不可以 export const str1 = '123131332' export function log1(sth){ console.log(sth); } export var valueTest1 = "test1" ================================= const str = "hahahahahahahahahahah不一样" const value1 = fun
vue 中then后的返回值
热门推荐
wzwzwz555的博客
10-28 1万+
Promise 中处理的是异步调用，异步调用是非阻塞式的，在调用的时候并不知道它什么时候结束，也就不会等到他返回一个有效数据之后再进行下一步处理 可以使用async和await来得到我们的返回值 在vue中的函数加上async async del(id){ var that=this var params={ ...
函数返回值的传递
风清扬
11-02 3222
除了函数参数的传递之外，函数与调用方的另一个交互方式就是返回值。 在返回不同字节大小的返回值编译器的处理方式不一样： 小于4个字节：函数将返回值存储在eax寄存器中，返回调用方之后在读取eax寄存器的值 大于4字节小于等于8字节：函数返回值通过两个寄存器，eax和edx存储返回后读取。 大于8字节的返回值：将利用临时对象进行返回值的传递 1、首先在mian函数中的栈上开辟一片额外的空间作
45. Function函数的返回
我思故我在！
05-07 1292
test
JS中实现函数return多个返回值的实例
10-20
在这里，`functionA`返回一个对象，对象的属性是三个返回值的获取函数。通过调用这些函数，我们可以获取到对应的值。 ### 实现方式4：使用`arguments`对象 `arguments`对象在函数内部提供了一种访问所有传入参数的...
精选资源
python函数和函数传参ppt.pptx
05-09
Python 函数和函数传参 Python 中的函数是一段具有特定功能的、可重用的语句组，用函数名来表示并通过函数名进行完成功能调用。函数也可以看作是一段具有名字的子程序，可以在需要的地方调用执行，不需要在每个执行...
linux shell自定义函数(定义、返回值、变量作用域)介绍
09-15
2. **返回值**: 函数默认返回最后一个命令的退出状态，可以通过 `return` 显式设置返回值。 3. **作用域**: 函数内的变量可以是局部的也可以是全局的，根据需要选择合适的变量类型。 通过以上介绍，可以看出Linux...
new Function的用法
包磊磊的博客
08-22 1911
var function_name=new function(arg1,arg2,...,argN,function_body) 在使用JavaScript时，大家一般都会怎样创建函数？我相信大部分都是这样的： function foo(arg1,arg2...){ ... } 今天在学习ES6的时候发现了一种以前没有尝试过的写法,具体如下： let str = 'return ' + '`Hello ${name}!`'; let func = new Funct...
return值传递，封装，事件与函数关系
Java_yangzhichao的博客
08-20 326
return：如果一个函数执行完之后需要返回一个数值该值就是返回值 注意：一个函数可以拥有多个return但只会执行首次出现的return； 多个return的正确使用方法 function fun(x){ if(x>0){ return "heihei"; }else if(x==0){ return "xixi"; }else{ return "ha...
new function()理解
Dream_Lee的博客
09-06 5291
好久没更新啦~ 一、背景 朋友给我发了一个题，我的答案和正确答案刚好相反。惊！ 正确答案是：false和true 接下来我讲一下我对这道题所涉及的知识点的理解 说明： 只要 new 表达式之后的 constructor 返回（return）一个引用对象（数组，对象，函数等），都将覆盖new创建的匿名对象。 如果返回（return）一个原始类型（无 return 时其实为 return 原始类型...
js 的知识
szb0312的博客
10-19 232
计算
实现不定参函数
哈哈一笑
04-11 483
#include <stdlib.h> #include <stdio.h> #include <stdarg.h> int print_log(const char *format, ...) { char string[256] = {0}; va_list args; va_start(args, format); vs...
html 输出函数返回值的类型,在Typescript中导出返回类型的函数
weixin_34379710的博客
06-27 417
是的,这是可能的.诀窍是在某个地方使用你需要的类型声明一些值(返回类型为toast()),而不实际调用toast().您可以通过引入另一个返回适当类型值的函数(实际值为null),然后创建一个变量并为其赋值该函数返回的值,然后获取其类型来实现.在没有添加未使用的变量的情况下我找不到方法,但由于变量是由函数立即返回的null初始化的,我认为运行时开销可以忽略不计.这是代码：function toas...
函数的传参的多样玩法和return返回值
weixin_43471085的博客
04-26 565
函数的传参的多样玩法和return返回值函数的传参的多样玩法函数的传递方式默认值参数不定长参数*号的使用。return返回值 函数的传参的多样玩法 函数的传递方式 想必大家也都知道通过def fn()来建立函数，那么我们该怎么把他们之间的参数玩好呢。 例如我想用函数写一个找到三位数最大值的方法,当然python内置mix函数，我用这个方法举例。 def fn_mix(a,b,c): i...
TS 函数
0.0 的博客
02-18 1356
在 TS 中，要使用函数，要求必须约束函数参数和返回值的类型。 一、基础语法 1、JS 中函数 函数声明式： function 函数名(参数) { return 返回值 } 函数表达式： const 变量名 = function(参数) { return 返回值 } 2、TS 中的函数 函数声明式： function 函数名(参数: 参数类型): 返回值类型 { return 返回值 } 函数表达式分为以下几种写法： 1）只定义函数参数和返回值的类型 const 变量名 = f
js 获取函数中setTimeout的return返回值
最新发布
12-27
### 获取 `setTimeout` 返回值的方法 在 JavaScript 中，`setTimeout()` 函数会立即返回一个计时器 ID，而不是等待回调函数执行完毕后的返回值。因此，无法直接获取由 `setTimeout` 的回调函数所返回的值。 为了处理这种情况，通常有两种方式来间接获得所需的结果： #### 使用全局变量存储结果 可以通过定义一个外部作用域内的变量，在 `setTimeout` 的回调中修改此变量的值。这样可以在稍后访问该变量以取得计算结果。 ```javascript let result; function performComputation() { setTimeout(() => { // 执行某些耗时操作... result = "Operation completed"; console.log("Inside timeout:", result); }, 1000); } performComputation(); // 需要延迟一段时间才能读取result console.log("Outside timeout before delay:", result); setTimeout(() => { console.log("Outside timeout after delay:", result); }, 2000); ``` 这种方法简单易懂，但在实际应用中可能不够优雅，特别是当涉及到更复杂的逻辑或并发情况时[^1]。 #### 利用 Promises 封装异步行为 更好的做法是利用 ES6 引入的 Promise 对象来封装 `setTimeout` 调用，从而允许链式调用 `.then()` 来接收最终完成的状态。 ```javascript function asyncOperationWithTimeout(value, ms) { return new Promise(resolve => { setTimeout(() => resolve(`Resolved with ${value}`), ms); }); } asyncOperationWithTimeout(42, 3000).then(response => { console.log(response); // 输出："Resolved with 42" }); ``` 这种方式不仅使代码更加清晰可维护，还能够更好地与其他基于 promise 的 API 进行集成，比如 fetch 请求或其他库提供的功能[^4]。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值