第三章 web前端开发工程师--JavaScript进阶程序设计 3-8 javascript 函数返回值

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/wgf5845201314/article/details/90756929

                                           JavaScript 函数返回值

 

本节课所讲内容:

  1. 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这个属性,来智能的判断有多少参数,然后把参数进行合理的应用。比如,要实现一个加法运算,将所有传进来的数字累加,而数字的个数又不确定。

猜你喜欢

转载自blog.csdn.net/wgf5845201314/article/details/90756929