函数

216 阅读3分钟

函数的种类

 1.函数其实就是一个带功能的工具
 
 2.内置函数:1Number  2parselnt 3isNAN......
 
 3.自定义构造函数
 
      语法:
       
function 函数名 (){
         函数体
}

函数的调用

 在函数体的最后面用,函数名+小括号去调用所创建的函数
 语法:
 
function 函数名 (){
         函数体
} 
函数名() ---》就可以调用上面的函数了

带参数的函数

 形参
 形参添加是添加在函数名旁边的小括号中,其作用就是,取代函数中的变量,使其函数更加灵活,因为函数里面不是死数据是变化的
 语法
 
function 函数名 (形参){
         函数体
} 
函数名() 
实参,就是实际的值,对应着形参,相对于对形参赋值,函数中还有一个关键字:`arguments`,可以接收到所有的实参。

语法:
function 函数名 (形参){
         函数体
} 
函数名(实参) 

函数的本质

  函数就相当于开辟了一个储存空间,当我们需要的时候,就使用函数名加小括号调用函数,取出函数内的数据
  
  
function add(n){
     a=n
}
add(n)

匿名函数

   创建变量时,我们通过=给变量赋值,但是其实函数也可以,在函数的前面创建一个变量保存住函数,就相对于,给函数添加了一个变量,这样子以后调用函数直接调用变量名即可
      但是也有一点那就是函数名调用会报错
   
var t=function add(n){
     a=n
}
t() --->通过变量名去调用
当这个函数名已经失效了之后,那就可以直接省略掉了,就使用变量名保存住这个函数,用变量名调用函数就行了,
当然这种没有函数名的函数也叫匿名函数
function (){
       函数
}
注意,
匿名函数不加小括号会报错.
加了小括号也调用不到不到函数了,有一个专门的办法
那就是直接在函数后面加加小括号即可
function (){
       函数
})()
 当有两个或者多个匿名函数的时候,如果直接添加在后面,会报错,因为浏览器会默认后面个函数不是一个函数,想要解决就需要在下一个函数前面加上分号
 
function (){
       函数
})()
;(function (){
       函数
})()

这样子即可正常运行,分号的作用就是告诉浏览器这是两个函数
 匿名函数也是可以携带参数的,也可以像普通自定义函数那样子带参数运行

带返回值的函数

   在函数中,我们运行中有一个结果值,这个结果可以通过return返回出来,但是return除了可以返回一个值之外还有一个作用那就是结束函数运行
   注意
       return 返回的结果   这个结果只能返回一个,不能返回多个
       语法
       
function f2(){
       函数
       return  返回的结果
}

var str=返回的结果

函数的嵌套

 函数结构中的大括号,里面放的是代码段,既然是代码段,就可以写判断、循环甚至函数代码,这样就形成了函数的嵌套。

   函数的大括号中可以写函数的定义,可以写函数的调用:
function fn(){
    console.log(1)
    function fun(){
        console.log(2)
    }
    fun()
}
fn()
​
function fn(){
    console.log(1)
}
function fun(){
    fn()
    console.log(2)
}
fun()