零基础JavaScript学习【第五期】

 博主有话说：第五期来咯。感谢大家对博主的支持，也感谢大家对这个专栏的支持。在这里要对大家表示真诚的感谢。【90°鞠躬】

个人空间：GUIDM的个人空间

专栏内容：零基础JavaScript学习

基础还是关键。

欢迎大家的一键三连。

  前情回顾：第一期https://blog.csdn.net/m0_61901625/article/details/124772807?spm=1001.2014.3001.5501第二期https://guidm.blog.csdn.net/article/details/124787412 第三期https://blog.csdn.net/m0_61901625/article/details/124850201?spm=1001.2014.3001.5501第四期https://blog.csdn.net/m0_61901625/article/details/124902774?spm=1001.2014.3001.5501持续更新中……

这一期，我们来讲函数的知识，注意：要记得复盘之前的知识哦！

目录

函数

1、声明函数

2、调用函数

3、形参和实参

4、形参和实参的执行过程（形参是接受实参的）

 5、形参和实参的注意点

6、函数的返回

 7、return用法

（1）终止函数。

（2）return只能返回一个值。

 （3）没有return返回undefined。

8、arguments的使用

9、遍历arguments（只有函数才有arguments）

10、函数的2种声明方式

（1）利用函数关键字自定义函数（命名函数）

（2）函数表达式（匿名函数）

经典案例

（1）利用函数计算1-100之间的累加和

 （2）利用函数求任意两个数之间的和

（3）利用函数求任意两个数的最大值

 （4）利用函数求数组[5,9,99,101,66,55]中的最大值

（5）利用函数求任意个数的最大值（使用arguments）

（6）利用函数翻转数组

（7）利用函数对数组进行排序（冒泡法）

作用：封装了一段可以被重复执行调用的代码块。

目的：让大量代码重复使用。

function 函数名(){
       //函数体；
}

函数名()；

让我们来写第一个函数。

function sayHi() {
    console.log('hello world');
}
sayHi();

 ​

 注意：

function声明函数的关键字，全部小写。函数名一般是动词，主要要用驼峰命名法。函数不调用，是不执行的。

我们可以利用函数的参数实现函数重复不同的代码。

形参：形式参数（类似于虚的，只是摆个样子。）

实参：实际参数（有真实的值。）

function 函数名(形参1，形参2，…){
       //函数体；
}
函数名(实参1，实参2，…);

 在声明函数的小括号里面是形参。在函数调用的小括号里面的是实参。

对照着例子，我来讲一下。

function fruit(alu){
 console.log(alu);
}
fruit('apple');

这里声明了一个函数名为fruit。里面的alu为形参，不知道是什么值，然后函数体为在控制台打印alu。

这时调用了fruit函数并且传递一个实参为apple，这时的alu就变成了apple。意思大概就是下图这个意思。没看懂可以评论区留言我来再解释一下。

​​

这里就不举例了，一般情况下，实参和形参都会相匹配，所以大家注意一下就好。

function 函数名(){
 return 需要返回的结果;
}
函数名();

function getResult( ) {
         return 666;
         
     }
        console.log(getResult( ));

​

function getResult(num1,num2) {
        return num1+num2;
        alert('no');   
 }
var sum=getResult(1,2)
 console.log(sum);

我们先来看一下他的答案：

​

 答案是3，没有d框出来说明alert没有被执行到，所以可以看出，函数体执行到return就结束了。

 function getResult(num1,num2) {
     return num1,num2;
 }
 result=getResult(1,2);
 console.log(result);

 虽然它传递了两个实参过去，但是return只返回最后一个值。

​

有return则返回return，没有return则返回undefined。

    function fun1(){
        return 666;
    }
    function fun2(){

    }
    console.log(fun1())
    console.log(fun2());

 ​作个对比，则可以很好的看出有和没有return的区别。

当前函数的内置对象，存储了传递的所有实参。

当我们不确定有多少个参数传递的时候，可以用arguments来获取。

arguments展示形式是一个伪数组。

具有length属性。按索引方式存储数据。不具有数组的push、pop等方法。

for(var 1=0;i

function fn(){
 //循环体；
}
fn();

var fun=function(alu){
  console.log('函数表达式');
  console.log(alu);
}
  function('ok');

function getSum( ){
        var sum=0;
        for(var i=0;i<=100;i++){
            sum+=i;
        }
      console.log(sum);
    }
     getSum();

   function getSums(num1,num2){
        var sum=0;
        for(var i=num1;i<=num2;i++){
            sum+=i;
        }
      console.log(sum);
    }
     getSums(1,100);

function getMax(num1,num2){
     if(num1>num2){
         return num1;
     }else {
         return num2;
     }
    }
    console.log(getMax(1,3))

function getArrMax(arr){
     var max=arr[0];
     for(var i=0;i<=arr.length;i++){
         if(arr[i]>max){
             max=arr[i];
         }
     }
     return max;
    }
    var re=getArrMax([5,9,99,101,66,55]);
    console.log(re);

function getArrMax( ){
     var max=arguments[0];
     for(var i=0;i<=arguments.length;i++){
         if(arguments[i]>max){
             max=arguments[i];
         }
     }
     return max;
    }

    function reverse(arr){
        var newArr=[];
        for(var i=arr.length-1;i>=0;i--){
            newArr[newArr.length]=arr[i];
        }
        return newArr;
    }
       var arr1=reverse([1,2,4,5,6,7]);
       console.log(arr1);

function reverse(arr){
        for(var i=0;iarr[j+1]){
          var temp=arr[j];
          arr[j]=arr[j+1];
          arr[j+1]=temp;
         }
     }
    }
    return arr;
}
var re=reverse([1,5,6,7,9]);
console.log(re);