JS·函数

&Mark&

已于 2022-03-24 21:07:31 修改

阅读量805

点赞数

分类专栏：日志文章标签： javascript

于 2022-03-24 21:04:33 首次发布

本文链接：https://blog.csdn.net/qq_64970126/article/details/123716701

版权

日志专栏收录该内容

13 篇文章 1 订阅

订阅专栏

本文详细介绍了JavaScript函数的声明与调用，包括函数封装、形参与实参的匹配及函数返回值的使用。通过实例展示了如何利用函数进行代码复用、参数传递以及求和、找最大值等操作。强调了return语句在获取函数结果中的作用。

摘要由CSDN通过智能技术生成

1、函数语法规则：

声明部分

function 函数名（）//function为声明函数的关键字{

//函数体执行代码（）

}

注意：声明函数后需要调用函数否则无效，函数不调用自己不执行

调用部分

函数名（）；

2、函数封装：

函数的封装是把一个或者多个功能通过函数的方式封装起来，对外只提供一个简单的函数接口（function语句）

1/ 1．函数可以重复相同的代码

function cook() {
console.log( '酸辣十豆丝");
}
cook();

cook();
2．我们可以利用绝数的参数实现的数重复不同的代码

声明：function函数名(形参1,形参2..){

}

调用：函数名（实参1，实参2）；

代码执行过程：当执行到调用语句时才将实参值传递给形参，对声明函数部分开始执行函数体代码
函数内形参和实参可以有无限个

eg:function getsum(start, end) {

for (var i = start; i <= end; i++) {

sum += i;

}

console.log(sum);

}

getsum(1, 100);//5050

getsum(100, 999);//499600

3、形参和实参匹配问题

function sumn (numl, nur2) {
console.log (num1 +num2);}

1、形参和实参个数相等,输出正确结果
sum (100,200) ;//输出3
2、实参个数多于形参，只取到形参的个数
sum (100，400，500，700);//输出500

3、实参个数少于形参，多的形参定义为undefined，结果为NaN

sum(200）;//输出NAN；

我们可以看形参为一个未赋值的变量当第三种情况出现变量为赋值将输出undefined，1+undefined=nan;

4、函数返回值return语句

使用return语句让函数把值返回给调用者

1、求和；

function getsum(num1, num2) {

return num1 + num2

}

console.log(getsum(1, 9));//10

2、比较最大值

<script>

var num1 = prompt('第一个数');

var num2 = prompt('第二个数');

function numberMAX(num1, num2) {

//三目运算符简便写法

return num1>num2?num1:num2;

alert(numberMAX(num1, num2));

<3/script>

3、求数组中的最大值

<script>

function numMax(arr) {

var max = arr[0];

for (var i = 1; i <= arr.length; i++) {

if (arr[i] > max) {

max = arr[i];

}

}

return max;

}

//在实际开发中，我们经常用一个变量来接收函数的返回结果，有利于优化代码结构

var re = numMax([5, 2, 99, 101, 67, 77]);

alert(re);

</script>

4、return语句求累加

<script>

function getsum(start, end) {

var sum = 0;

for (var i = start; i <= end; i++) {

sum += i;

}

return sum;

}

var re = getsum(1, 100); //5050

alert(re);

</script>