JS基础--函数进阶

一、如果两个函数都是函数的声明，且函数名相同，那么后边的函数会覆盖前边的

复制代码

    function demo1() {
      console.log('我是demo1函数第一次声明')
    }
    demo1()   //我是demo1函数的第二次声明
    function demo1() {
      console.log('我是demo1函数的第二次声明')
    }
    // demo1()    //我是demo1函数的第二次声明

二、如果两个函数都是函数表达式，且函数名相同，函数的调用会调用最近的上边那一个

复制代码

    var demo2 = function () {
      console.log('我是demo2的第一个表达式')
    }
    demo2()  //我是demo2的第一个表达式
    var demo2 = function () {
      console.log('我是demo2的第二个表达式')
    }
    // demo2()   //我是demo2的第二个表达式

三、如果两个函数分别是函数表达式和函数声明，且函数名相同，函数表达式会覆盖函数声明

复制代码

    var demo3 = function () {
      console.log('我是函数表达式')
    }
    function demo3() {
      console.log('我是函数声明')
    }
    demo3() //我是函数表达式

四、函数的内置对象：任何一个函数都有一个内置对象arguments

作用：操作参数，参数是该对象数组的前几个元素

复制代码

    function fn1(x, y, z) {
      console.log(arguments)
      // console.log(x + y)
      console.log(arguments[0] + arguments[1])
      // length:实参的个数
      console.log(arguments.length) //2
      // callee.length：形参的个数
      console.log(arguments.callee.length) //3
    }
    fn1(10, 20)

五、匿名函数：没有名字的函数

复制代码

    (function () {
      console.log('我是匿名函数')
    })()

六、函数也是一种数据类型：引用类型

引用类型。通过typeof判断返回都应该是object

console.log(typeof fn1) //function

null -- null(object) function--object(function)

七、函数作为参数传入

复制代码

    function fn2(x) {
      /* 
        var x = 10
        var x = "web"
        var x = true
        var x = null
        var x = [1,2]
        var x = function(){console.log("我是函数也是参数");}
      */
      // console.log(x)
      x()
    }
    /*    fn2(10)
    fn2('web')
    fn2(true)
    fn2(null)
    fn2([1, 2]) */
    fn2(function () {
      console.log('我是函数也是参数')
    })

八、函数作为返回值返回

复制代码

    function fn3(x) {
      return x
    }
    var result = fn3(function(){console.log("我是函数也是返回值");})
    // console.log(result)
    result()