淘先锋技术网

首页 1 2 3 4 5 6 7

1、 函数

1.1 概念

  • 就是定义一次但是可以多次调用的一段 js 代码。(封装)

1.2 作用

  • 提高代码的复用率;

  • 以功能模块分离代码,提高可读性,建立模块化编程。

1.3 函数定义

函数声明:

       function  参数名 (参数){
           函数体 -- 要执行的代码块
       }

       //求和函数
       function sum (){
           var a = 1;
           var b = 2;
           console.log(a + b);
       }

函数表达式:

       var 变量名 = function(){
           //函数体
       }

1.4 函数的调用

直接调用函数

       函数名(参数);

在函数内调用其他函数;

       函数名(){
           函数名()
       }

函数可以被自己调用;

       递归

对象方法

       对象名.方法名();

1.5 参数

形参

  • 定义函数的时候 使用的参数
  • 可以理解为,函数中需要用到的未知数(变量).

 

实参

  • 调用函数的时候,给函数的形参传入的具体的值。
  • 参数不是必须的

 

       function 函数名(形参1,形参2,...){
           //函数体
       }

       //调用
       函数名(实参1,实参2,...);   //按顺序对应传递参数到函数,

1.6 函数返回值

  • 希望调用函数后得到一个计算结果,将这个计算结果称为 函数返回值;

 

   function 函数名(){
       //函数体
       return 值;
   }
  • 调用函数后,得到一个结果,所以可以 将函数调用赋值给一个变量;
  • return 会直接结束函数的执行,后续代码不在执行;
     

1.7 函数分类

根据是否有参数

  • 有参函数:有参数的函数

  • 无参函数:没有参数的函数。

 
根据函数名字:

  • 具名函数:函数有名字

  • 匿名函数:函数没有名字
     

根据是否有 return值 (返回值函数)
 
对象方法:

   var 变量名 = function() {}

1.8 arguments 对象

  • 该对象默认存在函数内部。结构与数组结构类似.

  • 调用函数的时候 传递的实参 会保存在 arguments 中

  • 当不确定形参数量的时候,就直接用 arguments 代替形参。

  • 由于 arguments 类似数组,所以可以使用 下标访问实参,可以使用 for 循环,但是不能使用数组方法,只能使用 下标和循环;


相关文章


在这里插入图片描述