javascript 函数的定义和使用

最新推荐文章于 2022-10-19 20:06:42 发布

Flee23

最新推荐文章于 2022-10-19 20:06:42 发布

阅读量614

点赞数

本文链接：https://blog.csdn.net/destiny1234544/article/details/106627638

版权

function关键字定义函数

类似于c++语言，js语言也有自己的函数，我们可以用c++语言的函数体来引入js的函数，在c++中函数的定义形式如下：
返回值类型函数名（）{
函数体；
返回值（定义返回值类型为void无返回值）；
}
通过c++的函数体我们可以大概的知道javascript函数的定义形式，js函数的定义需要使用function关键字来进行定义，比如我们要定义一个加法的函数，那么就可以使用function进行声明，js语言的函数定义格式如下图：
function 函数名（参数/也可以无参数）{
代码段；
return 返回值；
}
知道了js函数定义的方式让我们简单的定义一个加法函数就很简单了，只需要按照格式往里套用即可，那么我们可以得到这个加法函数的代码如下：
在这里插入图片描述
注：
在定义一个函数时，函数名严格区分大小写，比如add（）和Add（）是两个不同的函数，同时当两个函数重名时，后一个函数会覆盖前一个函数，js中不存在重构函数，当函数运行至返回值时，后面的代码不在执行，自动退出函数的调用，比如下面这段代码
下面展示一些 内联代码片。

// A code block
var foo = 'bar';

// An highlighted block
var foo = 'bar';
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>加法函数</title>
</head>
<body>
<script>
    function add(num1,num2){
        return num1+num2;
        *document.write("不会显示");*
    }
    document.write(add(3,4));
</script>
</body>
</html>

当程序运行到（return num1+num2;）时已经退出了函数，那么后面的（document.write(“不会显示”);）就不执行，使用浏览器执行js代码后的效果如下
在这里插入图片描述
可以看到浏览器只显示了num1+num2的值，没有输出不会显示。

全局变量和局部变量

当使用var定义变量时，变量分为全局变量和局部变量，具体以定义变量的位置有关，当var定义一个变量位于函数体外时，那么这个变量就是全局变量，如果时在函数体内定义的话那么这个变量就是局部变量，局部变量只在函数体内有效，但是全局变量可以在函数中使用，比如我们在函数定义了一个变量a但是在函数体外未进行定义，那么当我们在函数体外进行输出时，a的值将会是undefined。

js函数调用的特殊之处

1.当我们定义的函数只有n个参数时，n+1后的参数会被忽略。
2.相比于c++函数，js函数的特殊之处是可以将函数定义为对象使用
3.js函数设置默认值的方式很特别：
比如有两个参数num1和num2，为num1和num2设置默认值的凡是如下（
num1=num1||1；num2=num2||2），这一段时写在函数代码段里的，意思是1当num1无输入值时，那么就把1赋值给num1，num2同理。
4.函数可以进行自调用，调用的方式如下
（1）无参数时
function（）{
alert（‘this is a test’）；
}（）；
（2）有参数时
（
function（）{
alert（a+b）；
}）（3，5）；
优点：可以防止命名冲突
缺点：函数只能使用一次

匿名函数

比如定义一个变量text，把一个函数赋给这个变量：
var text=function cale（a，b）{
函数体；
返回值；
}
那么就可以直接使用text（a，b）来进行函数的使用，同时这里text的类型是function，那么这里的text就是有名函数，倘若没有使用变量，那么这个函数就是匿名函数。