js课程复习实践4:函数

骑猪看日落 2022-09-15 12:27 98阅读 0赞

#### arguement表示数组传入的实参 ####

// 了解arguments
        function a() {
        
          console.log(arguments)        // arguement表示数组传入的实参,是数组: [1,2,3,4,5]
          console.log(arguments.callee) // 函数本身
          console.log(arguments.callee.length)  // 0 代表形参个数
        }
        a(1, 2, 3, 4, 5)  // 没有重载的说法,传多少arguement装多少

## 两种函数活用方法 ##

`thisObj` 可以指定别人的对象,调用自己的方法

#### `function.call(thisObj,args)` ####

了解apply

function max() {
        
      var m = Number.NEGATIVE_INFINITY
      for (var i = 0; i < arguments.length; i++) {
           // 对传入当前函数的所有实参
        if (m < arguments[i]) {
        
          m = arguments[i]
        }
      }
      return m
    }
    
    var max_n = max(1, 2, 3, 4, 5, 6)
    document.write(max_n, "<br>")		// 6
    
    var arr = [1, 2, 3, 4, 5, 6]
    max_n = max.apply(Object, arr)  
    document.write(max_n, "<hr>")		// 6

那些原来应该传很多实参的,后面使之用`.apply()`调用,就可以用数组传入,照样好用!

#### `function.apply(thisObj[,args])` ####

var objFn = {
        
      name: "1号",
      getName: function () {
        
        return this.name;
      }
    }
    var objData = {
        
      name: "2号"
    }
     // 自己对象调用方法
    document.write(objFn.getName(), '<br>')  				// 1号
    // 别人对象调用自己方法
    document.write(objFn.getName.call(objData), '<hr>') 	// 2号

## 属性？闭包？ ##

对象在哪里?

var x = 1
    var obj = {
        
      f: function () {
        
        // console.log(this)
        console.log(this.x)
      },
      x: 2
    }
    obj.f()   		// 2
    var f = obj.f	// 这里是在window域中,所以定义的是window.f,即将访问的x也会是window.x
    f()       		// 1
    var f2 = false || obj.f		
    f2()      		// 1

#### 闭包函数 ####

function f() {
        
      var a = 1
      function f2() {
        
        console.log(a)
      }
      return f2
    }
    var f3 = f()
    f3()			// 1

![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5aSp6JOd6JOd55qE5pys5oiR_size_20_color_FFFFFF_t_70_g_se_x_16]

#### 另一种形式 ####

var d;
    var f4 = function (x) {
        
      d = function (y) {
        
        return x + y
      }
    }
    f4(5)   			// 这样才给d赋值了
    console.log(d(6))   // 11

这样调用，是先调用外层函数，给全局变量d赋值，形成`闭包`。因为这样只有d可以被初始化为该函数。接下来，可以调用`d()`来应用该函数。

## 递归 ##

function fib(n) {
        
      return (n === 1) ? 1 : n * fib(n - 1)
    }
    console.log(fib(5))			// 120

![在这里插入图片描述][096e42e2e2ea4cbaa750a1ff971c4720.png]  
这里每次返回一个函数,形成了链式闭包函数。 每次都是先`递`后`归`，比较慢，且资源耗费大。推荐尾递归。

#### 尾递归 ####

function fib(n, a) {
        
      return (n === 1) ? a : fib(n - 1, a * n)
    }
    console.log(fib(5, 1))		// 120

![在这里插入图片描述][9ac380ae5c834a91b2ef9e59a007d171.png]

[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5aSp6JOd6JOd55qE5pys5oiR_size_20_color_FFFFFF_t_70_g_se_x_16]: /images/20220828/f359284ae6c34cecba34534bad848836.png
[096e42e2e2ea4cbaa750a1ff971c4720.png]: /images/20220828/d35af7aac3754d17a607a025ff2d4159.png
[9ac380ae5c834a91b2ef9e59a007d171.png]: /images/20220828/b504718b59ee44079d9aa73b0ef3f8ec.png