码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript函数

时间:2021-04-21 12:58:48      阅读:0      评论:0      收藏:0      [点我收藏+]

标签:title   声明   第一个   return语句   res   return   meta   new   class   

一、函数

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <script type="text/javascript">
            // 函数function(也是一个对象)
            // 函数中可以封装一些功能(代码),在需要时可以执行这些功能(代码)
            // 函数中可以保存一些代码在需要的时刻调用
            // 使用typeof检查一个函数对象时,会返回function
            
            // 我们在实际开发中很少使用构造函数来创建一个函数对象
            // 创建一个函数对象
            // 可以将要封装的代码以字符串的形式传递给构造函数
            // var fun = new function("console.log(‘hello 第一个函数‘);");
            
            // 封装到函数中的代码不会立即执行
            // 函数中的代码会在函数调用的时候执行
            // 调用函数语法:函数对象()
            // 当调用函数时,函数中封装的代码会按照顺序执行
            // fun();
            
            
            // 一、使用函数说明来创建一个函数
            // 语法:
            // function 函数名([形参1,形参2,...,形参n]){
            //          语句......
            // }
            function fun2(){
                console.log("第二个函数");
                alert("hahahaha");
                document.write(┭┮﹏┭┮);
            }
            fun2();
            
            
            
            // 二、使用函数表达式来创建一个函数
            // 语法:
            // var 函数名 = function([形参1,形参2,...,形参n]){
            //         语句......
            // }
            var fun3 = function(){
                console.log("匿名函数中封装的代码");
            }
            fun3();
        </script>
    </head>
    <body>
    </body>
</html>

二、函数的参数

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <script type="text/javascript">
            // 定义一个用来求两个数和的函数
            // 可以在函数的()中来指定一个或多个形参(形式参数)
            // 多个形参之间使用逗号隔开,声明形参就相当于在函数内部声明了对应的变量,但是并不赋值
            function sum(a,b){
                console.log(a+b);
            }
            
            // 在调用函数时,可以在()中指定实参(实际参数)
            // 实参将会赋值给函数中对应的形参
            sum(1,2);
            
            
            // 注意:调用函数时解析器不会检查实参的类型
            //      所以要注意是否可能接受到非法的参数
            //      函数的实参可以是任意的数据类型
            // 例:sum(12,"hello");------>结果为 12hello
            //    sum(true , false);------>结果为 1
            
            // 调用函数时,解析器也不会检查实参的数量
            // 多余的实参不会被赋值
            // 例:sum(12,34,"hello",true,null);------>结果为 46
            // 如果实参的数量少于形参的数量,则没有对应的实参的形参将是undefined
            // 例:sum(12);------>结果为 NaN
        </script>
    </head>
    <body>
    </body>
</html>

三、函数的返回值

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <script type="text/javascript">
            // 创建一个函数,用来计算三个数的和
            // 可以使用return来设置函数的返回值
            // 语法:
            //      return 值;
            // return后的值将会作为函数的执行结果返回
            // 可以定义一个变量,来接收该结果
            // 在函数return后的语句都不会执行
            // 如果return语句后不加任何值就相当于返回一个undefined
            // 如果不写return也一样
            function sum(a , b , c){
                // alert(a + b + c);
                var d = a + b + c;
                return d;
            }
            
            // 调用函数
            // 变量result的值就是函数的执行结果
            // 函数返回什么result的值就是什么
            var result = sum(1,2,3);
            
            console.log("result = "+result);
        </script>
    </head>
    <body>
    </body>
</html>

小练习:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <script type="text/javascript">
            // 定义一个函数,判断一个数字是否是偶数,如果是返回true不是则返回false
            function isOu(num){
                return num % 2 == 0;
            }
            var result = isOu(15);
            console.log("result = "+result);
            
            
            // 定义一个函数,可以根据半径计算一个圆的面积,并返回计算结果(3.14*r*r)
            function mianji(r){
                return 3.14*r*r;
            }
            result = mianji(10);
            console.log("result = "+result);
        </script>
    </head>
    <body>
    </body>
</html>

 

JavaScript函数

标签:title   声明   第一个   return语句   res   return   meta   new   class   

原文地址:https://www.cnblogs.com/hapuluosi/p/14682164.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!