JavaScript 第五天学习函数

2020-04-17 21:00:11 阅读：199 来源： 互联网

标签：function return 函数形参 JavaScript console 第五天实参

路漫漫其修远兮，吾将上下而求索。

5.1什么是函数？函数就是封装了一块可以重复调用的代码块。

函数的目的：就是方便大量代码重复使用。

1.函数使用方法：

1. 先声明

2. 在调用

语法格式：

1 function 函数名（）{
2     //函数体
3 }
4 实例：
5   function sayHi(){
6       console.log(sayHi);
7       
8   }

注意：function 声明函数的关键字全部小写，函数是做某件事，所以函数名一般是动词。

5.2.调用函数

函数名（）；sayHi()；

1 function sayHi(){
2  console.log(sayHi);3 }
  sayHi()；

注意：声明函数本身并不会执行代码，只有调用函数时才会执行函数代码。

5.3.函数的封装

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

案例：求1-100之间的累加和

1 //声明函数
2  function getSum(){
3     var sum = 0;
4  for(var i = 1; i<= 100; i++){
5     sum += i;
6     }  console.log(sum);
7  }
8 //调用函数  函数不调用自己不执行
9 getSum();

5.4.函数的参数

1.在声明函数时，可以在函数名称后面的小括号中添加一些参数，这些参数称为形参，而在调用函数时同样也需要传递相应的参数，这些参数称为实参。

参数的作用：在函数内某些值不能固定，我们可以通过参数在调用函数时传递不同的值进去。

1 function 函数名（形参1，形参2....）{
2     //在声明函数的小括号里是形参（形式上的参数）
3 }
4 函数名（实参1，实参2....）;//在函数调用的小括号里边是实参（实际的参数）

形参是用来接收实参的（函数的参数可以有也可以没有，不限个数）

 1  2.函数形参实参的个数匹配
 2 
 3        function getSum（num1,num2）{
 4 
 5         console.log（num1+num2）；
 6 
 7        }  
 8 
 9 1.如果实参的个数和形参的个数一致则正常输出结果
10 
11     getSum（1,2）；
12 
13 2.如果实参的个数多于形参的个数会取到形参的个数
14 
15     getSum(1,2,3);
16 
17 3.如果实参的个数少于形参的个数，多于的形参定义为unendfiend
18 
19     最终的结果为NaN
   形参可以看做是不用声明的变量

5.5.函数的返回值

return

返回值格式

funtion  函数名（）{

    return需要返回结果;

}

函数名（）；

1.函数只是实现某种功能，最终的结果需要返回给函数的调用者函数名（）；通过return实现。

2.只要函数遇到return就把后面的结果返回给函数的调用者。

案例：利用函数求数组[120,62,52,63,423,841]中的最大值

var arr = [120,62,52,63,423,841];
/* function  getArrMax(arr) { //arr 接受一个数组   arr = [120,62,52,63,423,841]
    var max = arr[0];
    for (var i = 1; i <= arr.length; i++){
        if(arr[i] > max){
            max = arr[i];
        }
    }
    return max;
}
// getArrMa([120,62,52,63,423,841]); 实参是一个数组送过去
var re = getArrMax([120,62,52,63,423,841]);  //在实际开发中我们经常用一个变量接受返回值，这样更方便调用
console.log(re);

5.6.return 终止函数

1.return 后边的代码不会执行

2.return 只能返回一个值

function fn(num1,num2){
return num1 ,num2;  //return 只能返回一个值
}
console.log(fn(1,2));
fn(1,2);

3.rreturn 也可以返回数组

function getResult(num1,num2){
return [num1 + num2,num1 - num2,num1 * num2,num1 / num2];  //return 也可以返回数组
}
var re = getResult(1,2);
console.log(re);
//返回的是一个数组

注意：函数有return 返回return后面的值，没有return返回undefined

5.7.break continue return 的区别

1.break 结束当前的循环体（ for while）

2.continue 跳出本次循环继续执行下次循环（for  while）

3.return 不仅可以退出循环，还可以返回return语句中的值，同时还可以结束当前函数体内的代码

5.8argument 的使用

只有函数才有argument对象，而且是每个函数都内置好了这个argument

function fn（）{
//console.log(argument)；里边储存了所有传递过来的实参
arguments = [1,2,3,]
console.log(argument.length)
console.log(arguments.[2])

}

可以按照数组的方式遍历arguments

function fn(){
    for (var i = 0; i <arguments.length; i++){
    console.log(argument[i]);
    } 
}
    fn (1,2,3);
    fn (1,2,3,4,5);
 伪数组并不是真正意义上的数组
1. 具有数组的length属性
2.按照索引的方式进行存储
3.它没有真正的数组的一些方法   pop  push

标签：function,return,函数,形参,JavaScript,console,第五天,实参
来源： https://www.cnblogs.com/zhangbozi/p/12720306.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

JavaScript 第五天学习 函数

JavaScript 第五天学习函数