版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/wgf5845201314/article/details/90756929
JavaScript 函数返回值
本节课所讲内容:
- JavaScript函数返回值
2. JavaScript arguments对象
主讲教师:Head老师
一. 函数返回值
带参和不带参的函数,都没有定义返回值,而是调用后直接执行的。实际上,任何函数都可以通过return语句跟后面的要返回的值来实现返回值。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>js 函数返回值</title>
</head>
<body>
<script>
window.onload = function(){
function fn1(a){
//return 123+a;
return function(b){
alert(a+b); //这里是注释
}
}
//alert(fn1(456)); //这样调用不了 弹出整个函数体部分
// fn1(2)(20); //正确调用方式 结果22
function $(id){
return document.getElementById(id);
};
$('ad').onclick = function(){
alert('节点的封装');
}
}
</script>
<input type="button" id="ad" value="按钮">
</body>
</html>
二.JavaScript arguments对象
函数不介意传递进来多少参数,也不会因为参数不统一而错误。实际上,函数体内可以通过arguments对象来接收传递进来的参数。
function box(){
return arguments[0] + '|' +arguments[1];
}
alert(box(1,2,3)); //输出结果 1|2
arguments对象的length属性可以得到参数的数量。
function box() {
return arguments.length; //得到6
}
alert(box(1,2,3,4,5,6));
我们可以利用length这个属性,来智能的判断有多少参数,然后把参数进行合理的应用。比如,要实现一个加法运算,将所有传进来的数字累加,而数字的个数又不确定。