JavaScript函数及全局函数

最新推荐文章于 2024-09-06 08:43:48 发布

不会写代码的菜

最新推荐文章于 2024-09-06 08:43:48 发布

阅读量394

点赞数

分类专栏： javascript 文章标签： javascript webview linq

本文链接：https://blog.csdn.net/weixin_52629592/article/details/125280896

版权

javascript 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

函数的概念,声明及调用

一.函数的概念

在JavaScript中,我们将一段需要重复使用的代码,使用function语法包含起来,方便我们的反复调用,分块和简化代码.复杂一点的也会引入封装,抽象,分类等思想

二.函数的声明方式

声明函数
function 函数名(参数列表){

    [return]
}

在这里我们只介绍了最基本的函数声明方式,在ES6中还有使用箭头函数的方式,以及使用匿名函数声明.下面是声明函数的实例.

function test(){
                alert(111);
                }
function test1(){
                alert(222);
                }
function test2(a,b){
                alert(a+":"+b);
            }

在上述函数声明实例中我们可以看到,我们在进行函数声明时也可以进行传参.就比如上面的text2()方法.

那么什么时候用到传参?

当有两段代码本身的功能及其相似,只有个别地方不相同时,我们就可以将两段代码合并成为一个代码,然后把两段代码中不一致的地方通过传参穿进去.这样就提高了代码的使用效率.

三.函数的调用

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <script type="text/javascript">
            /* 
              声明函数
                function 函数名(参数列表){
                    
                    [return]
                }
             */
            
            function test(){
                alert(111);
            }
            function test1(){
                alert(222);
            }
            function test2(a,b){
                alert(a+":"+b);
            }
            
        </script>
    </head>
    <body>
        <input type="button" value="按钮1" onclick="test()"/>
        <input type="button" value="按钮2" onclick="test2(10,'123')"/>
    </body>
</html>

在上述实例中,我们在body中对两个按钮分别调用了两个函数,实现了点击按钮调用相应函数的功能.

全局函数

什么是全局函数?

在JavaScript中,全局函数和Windows对象的函数不一样,全局函数不属于任何一个内置对象.接下来我们介绍一些常用的内置全局函数.

parseInt(); 类型转换,将目标类型转换为int型
- 接收任何合法的js值,但只有是number类型,或者内容本身是数字的字符串时返回整数部分.其余非数字的返回NaN.
- parseInt()直接去整数部分,没有进行四舍五入的计算.
typeof(); 获取数值类型
eval(); 可运算某个字符串,并将字符串内容作为脚本运行

下面是代码示例:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <script type="text/javascript">
            /* 
              全局函数
               parseInt(); 类型转换
               parseFloat(); 
               typeof(); 获取数值类型
               eval(); 可运算某个字符串
             */
            
            var a = 10;
            var b = "5";
            var c = "a";
            var d = 12.7;
            
            console.log(a+parseInt(b));
            console.log(a+parseFloat(d));
            console.log(typeof(d));
            
            var s = "3+2+c";
            console.log(s);
            console.log(eval(s));
        </script>
    </head>
    <body>
        
    </body>
</html>