JavaScript基础学习 函数与return、arguments

最新推荐文章于 2022-08-05 09:40:55 发布
最新推荐文章于 2022-08-05 09:40:55 发布
阅读量404 收藏
点赞数
分类专栏： JavaScript 文章标签： javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43537319/article/details/121858444
版权

JavaScript基础学习 函数与return、arguments

<!DOCTYPE html>
<html>

<head>
    <title>js开始学习</title>
    <script>
        function getSum(num1, num2) {
            console.log(num1 + num2);
        }
        //  实参少于形参时，多的形参会定义为undefined
        // 实参多于形参时，只会取到对应的形参个数
        getSum(1, 2); //3
        getSum(1, 2, 3); //3
        getSum(1); //NaN

        console.log('--------------------------');

        function getMax(num1, num2) {
            if (num1 > num2) {
                return num1;
            } else {
                return num2;
            }
        }
        console.log(getMax(10, 20));

        console.log('--------------------------');

        function getArrMax(arr) {
            var max = arr[0];
            for (var i = 1; i <= arr.length; i++) {
                if (arr[i] > max) {
                    max = arr[i];
                }
            }
            return max;
        }
        var re = getArrMax([10, 20, 40, 9, 8, 56, 99]);
        console.log(re);

        console.log('--------------------------');

        //  return 一般不能返回多个值，但可以通过数组来返回多个值  return具有终止函数的作用
        function retrunMulti(num1, num2) {
            return [num1 + num2, num1 - num2, num1 * num2];
            alert('这句话是不会被执行的！！！');
        }
        var result = retrunMulti(10, 5);
        console.log(result);


        console.log('--------------------------');
        //函数当中如果有return，则有返回值,如果函数当中没有return时，则返回undefined
        function testOne() {
            return 666;
        }

        function testTwo() {

        }
        console.log(testOne()); // 666
        console.log(testTwo()); // undefined
    </script>

</head>

<body>

</body>

</html>

在这里插入图片描述

函数案例之实现数组翻转、冒泡排序、判断闰年

<!DOCTYPE html>
<html>

<head>
    <title>js开始学习</title>
    <script>
        //  函数实现数组翻转
        function flip() {
            var temp = 0;
            if (arguments.length % 2 == 0) {
                for (var i = 0; i < arguments.length / 2; i++) {
                    temp = arguments[arguments.length - 1 - i];
                    arguments[arguments.length - 1 - i] = arguments[i];
                    arguments[i] = temp;
                }
                return arguments;
            } else {
                for (var i = 0; i < (arguments.length - 1) / 2; i++) {
                    temp = arguments[arguments.length - 1 - i];
                    arguments[arguments.length - 1 - i] = arguments[i];
                    arguments[i] = temp;
                }
                return arguments;

            }

        }
        console.log(flip(1, 2, 3, 4, 5));
        console.log(flip(1, 2, 3, 4, 5, 6));
        console.log(flip(1, 2, 3, 4, 5, 6, 10, 90, 17, 98));


        console.log('---------------------------------------------------------');

        //  函数实现数组翻转二



        function reverse(arr) {
            var newArr = [];
            for (var i = arr.length - 1; i >= 0; i--) {
                newArr[newArr.length] = arr[i];
            }
            return newArr;
        }
        var result = reverse([1, 2, 3, 4, 5]);
        console.log(result);

        console.log('---------------------------------------------------------');

        //函数实现冒泡排序
        function bubble(arr) {
            var temp = 0;
            for (var i = 0; i < arr.length - 1; i++) {
                for (var j = 0; j < arr.length - i - 1; j++) {
                    if (arr[j] > arr[j + 1]) {
                        temp = arr[j];
                        arr[j] = arr[j + 1];
                        arr[j + 1] = temp;
                    }
                }
            }
            return arr;
        }
        var result = bubble([23, 3, 46, 5, 6]);
        console.log(result);
         console.log('---------------------------------------------------------');

        //函数判断闰年的案例
        function judge(year) {
            if ((year % 4 == 0 && year % 100 != 0) || year % 400 == 0) {
                return year + '年是闰年';
            } else {
                return year + '年不是闰年';
            }
        }
        console.log(judge(2010));
    </script>

</head>

<body>

</body>

</html>

在这里插入图片描述

arguments

arguments的作用：当我们函数不确定形参的具体个数时，我们可以使用arguments

<!DOCTYPE html>
<html>

<head>
    <title>js开始学习</title>
    <script>
        // arguments的使用   只有函数才有arguments对象 而且每个函数都内置好了这个arguments
        function fn() {
            console.log(arguments);
            console.log(arguments.length);
            console.log(arguments[2]);
            //可以按照数组的方式遍历arguments
            for (var i = 0; i < arguments.length; i++) {
                console.log(arguments[i]);
            }
        }
        fn(1, 2, 35);
        //伪数组 并不是真正意义上的数组
        // 1. 具有数组的length属性
        // 2.按照索引的方式进行存储的
        //3.没有真正数组的一些方法 pop()push()等等
    </script>

</head>

<body>

</body>

</html>

arguments案例

<!DOCTYPE html>
<html>
    <head>
        <title>js开始学习</title>
        <script>
           
        function getMax() {
            var max = arguments[0];
            for (var i = 1; i < arguments.length; i++) {
                if (arguments[i] > max) {
                    max = arguments[i];
                }
            }
            return max;
        }
        console.log(getMax(1, 3, 4, 5, 8));   //8
        console.log(getMax(1, 3, 10, ));  //10
        console.log(getMax(18, 3, 4, 5, 8, 99, 100, 909));  //909

    </head>

    <body>
        
    </body>
</html>

函数嵌套

<!DOCTYPE html>
<html>
    <head>
        <title>js开始学习</title>
        <script>
           
        function getYear() {
            var year = prompt('请你输入年份:');
            return sort(parseInt(year));
        }

        function sort(year) {
            if ((year % 4 == 0 && year % 100 != 0) || year % 400 == 0) {
                return year + '年2月份有29天';
            } else {
                return year + '年2月份有28天';
            }
        }

        var result = getYear();
        alert(result);
        </script>

    </head>

    <body>
        
    </body>
</html>
柠檬味小发糕
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
轻松学习JavaScript函数中的 Rest 参数
12-11
与其他语言（如C#和Java）不同，你可以在调用JavaScript函数时传递任意数量的参数。JavaScript函数允许未知数量的函数参数。在ECMAScript 6之前，JavaScript有一个变量来访问这些未知或可变数目的参数，这是一个类似...
javascript学习笔记(七) js函数介绍
12-03
1.函数内部属性 arguments arguments用来保存函数的参数,arguments.callee指向拥有arguments对象的函数 代码如下: //阶乘 function factorial(num) { if (num <= 1) { return 1; } else { return num*arguments....
23-1 JavaScript基础 函数 return arguments 作用域
Write less，do more
07-19 272
函数 1.定义函数 function fn(); 2.调用函数 fn();
函数.参数.return .arguments
mymCocorna的博客
03-09 193
函数 （1）函数是一个js的数据类型，叫做function （2）是一个复杂数据类型（地址/引用） （3）就是一个“盒子”，这个盒子可以承载一段代码 （4）涉及到两个过程： ​ 函数定义阶段: 把代码装进盒子的过程 函数调用阶段: 把盒子内的代码执行的过程 一、函数定义阶段 把一个代码装进“盒子”的过程，在这过程中，被装进去的代码是不会被执行的 1、方式1：声明式函数 （1）语法：function 函数名() {你要装进盒子的代码} ​ fanction-------定义函数的关键字 ​
return 两个值_JavaScript函数_arguments_return（十六）
weixin_36329425的博客
01-25 435
目录：1.arguments2.return一、arguments1.什么是arguments每一个函数都有一个arguments对象，它包括了函数所要调的参数，通常我们把它当作数组使用，用它的length得到参数数量。简单点来说：arguments是对应参数的，比如我有一个需求，所有的实参相加，但是这里我有50个参数，那咱们不能形参也写50个吧，或者我要判断实参个人。那么arguments就会起...
javascript下利用arguments实现string.format函数
12-09
下面摘抄一下源码，深入分析一下... return String(string).replace(pattern, function(match, index) { return args[index]; }); }; 通过format函数，下面的代码： 代码如下: format(“And the %1 want to know whose
详解JavaScript自定义函数
01-19
一、定义方法：在Javascript...传递的参数不必与函数定义的参数个数一致,并且可以设定函数参数的默认值。 function example(a,b){ var a = arguments[0] ? arguments[0] : 1;//设置参数a的默认值为 var b = argumen
javascript bind绑定函数代码
12-11
具体结论可参见《javascript下动态this与动态绑定实例代码》。本文专注设计一个无侵入的绑定函数。 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]基于不扩展原生对象的原则，弄了这个bind函数（dom为作用域），...
返回值return，arguments.
dengjiaoluehu10077的博客
05-05 179
返回值，输出各种方法： return 1输出返回值时，2立即停止，退出脚本,不需要执行返回值。 1function myFun(num1,num2){ var suv=num1+num2; return suv; //返回值 } alert(myFun(1,3)) //直接调用函数，就可以掉出返回值。 document.write(myFun(1,3)) var s=su...
JavaScript-函数（调用、参数、return、arguments、匿名、回调、递归函数）、函数案例
Sco_jing的博客
05-21 419
文章目录1.函数1.1 定义/声明函数1.2 调用函数1.3 函数的参数1.3.1 函数形参和实参个数不匹配问题1.4 函数的返回值1.5 arguments的使用1.62. 函数的案例题return语句arguments的使用 1.函数 就是封装了一段可被重复调用执行的代码块，通过此代码块可以实现大量代码的重负使用 1.1 定义/声明函数 function 函数名 ([]) ---->中括号表示可选，可有可无 { 函数体语句 } function是一个关键字，全部小写 函数名：是一个标识符
python环境部署:pip升级命令错误的解决方案
漏刻有时数据可视化大屏（PHP&ECHARTS智能化开源软件系统）
05-26 616
pip出现升级提醒 You are using pip version 10.0.1, however version 21.1.2 is available. You should consider upgrading via the 'python -m pip install --upgrade pip' command. 按照提醒命令行升级出现错误 python -m pip install --upgrade pip 错误提示：AttributeError: 'NoneType' ob
有关arguments和return。
weixin_43356826的博客
05-16 321
arguments[0]表示第一个实参 function test(a,b,c,d) { alert(test.length); //length:长度// alert(arguments.length); if(test.length == arguments.length) { return a+b; } } test(1,2); console.log(...
函数返回值return，函数传参arguments
kiku
07-25 615
函数返回值 什么是函数返回值 函数执行的结果 可以没有return，没有return的情况下返回undefined function show（）{ } alert（show（）） 有return，但是后面没有指明返回的东西也是返回undefined function show（）{ return } alert（show（）） 一个函数应该只返回一种类型的值。 函数传参 可变...
return function (){ return fn.apply(me,arguments)}用法
qq_38883418的博客
05-05 1827
   研究插件代码发现了一段代码，如下：_bind = function(fn, me){ return function(){ return fn.apply(me, arguments); };  } （apply作用自行百度）当时觉得很纳闷，为什么不这样写 _bind = function(fn, me){  return fn.apply(me, arguments);   } 后来研究了...
js的arguments到底是什么？
热门推荐
自然醒
11-19 9万+
类数组对象：arguments 总所周知，js是一门相当灵活的语言。当我们在js中在调用一个函数的时候，我们经常会给这个函数传递一些参数，js把传入到这个函数的全部参数存储在一个叫做arguments的东西里面，那么这到底是什么东西？ 在js中万物皆对象，甚至数组字符串函数都是对象。所以这个叫做arguments的东西也是个对象，而且是一个特殊的对象，它的属性名是按照传入参数的序列来的，第1个
arguments的使用
qq_46112274的博客
11-23 1672
arguments的使用1、arguments的使用2、案例：利用函数求任意个数的而最大值3、案例:利用函数翻转任意数组4、利用函数封装冒泡排序5、利用函数封装“是否是闰年”6、函数之间是可以相互调用的7、案例：输入年份，判断该年2月份天数 1、arguments的使用 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport"
解决：WARNING: You are using pip version 21.3.1； however, version 22.2.2 is available.
weixin_44152939的博客
08-05 1万+
解决：WARNING: You are using pip version 21.3.1;
JavaScript 箭头函数
最新发布
09-16
2. 函数体部分：箭头函数可以直接返回一个表达式的结果，不需要使用 return 关键字。如果函数体只有一行代码，可以省略花括号。 3. this 指向：箭头函数中的 this 指向定义时所在的对象，而不是运行时的对象。这是...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值