js - 函数表达式 - 简要总结

函数声明,函数表达式区别

1,函数声明特点

  • 执行前先声明
  • 有函数名称
  • 可以把调用语句放在函数声明前

2, 函数表达式(匿名函数(anonymous function),拉姆达函数)

  • 无函数名称
  • 函数赋值给一个变量
  • 必须先赋值,在执行
标题 顺序 备注
函数声明 执行-》 获取声明 -》 执行 null
函数表达式 获取值 -》在执行 null

递归(调用自己)

递归函数是一个函数通过改名字调用自身的情况构成的

function factorial(num){
    if (num <= 1){
        return 1;
    } else {
     return num * factorial(num-1);
    }
}

思考题目:
假设你正在爬楼梯。需要 n 阶你才能到达楼顶。每次你可以爬 1 或 2 个台阶。
你有多少种不同的方法可以爬到楼顶呢?

闭包(通俗:函数中的函数,可以访问外面函数变量)

  • 闭包是一个有权访问另一个函数变量的的函数
  • 创建闭包的常见方式,就是在一个函数内部创建另一个函数
    function createComparisonFunction(age){
        return function(obj1, obj2){
            var value1 = obj1[age]
            var value2 = obj2[age]

            if(value1 > value2) {
                return -1;      
            } else {
                return 1
            }

        }
    }

    var compare = createComparisonFunction("name");
    var result = compare({ name: "Nicholas" }, { name: "Greg" });
    alert(result)

上面函数作用域链如下:

js - 函数表达式 - 简要总结_第1张图片
作用域链.png

可以这么画作用域链:

  • 1,画出 全局,局部函数,闭包的参数 和 两个执行环境
  • 2,将执行环境和 三部分进行连接理解
闭包与变量

闭包只能取得包含函数中任何变量的最后一个值。

题目1:
下面这段代码想要循环延时输出结果 0 1 2 3 4,请问输出结果是否正确,如果不正确,请说明为什么,并修改循环内的代码使其输出正确结果?

var result = function() {
    for (var i = 0; i < 5; ++i) {
        (function (num) {
            setTimeout(function() {
                console.log(num + " ");
            }, 100);
        })(i)
        
    }
}
result()

题目2
如果想让执行依次加1怎么修改代码?

function add() {
  var x = 1;
  console.log(++x);
}
add()  // 执行输出?
add()  // 执行输出?

this对象

名称 描述
局部函数 基于函数的执行环境绑定
全局函数 this 等于 window
匿名函数 匿名函数的执行环境具有全局性,因此其 this 对象通常指向 window

思考
如何让匿名函数this指向局部函数

你可能感兴趣的:(js - 函数表达式 - 简要总结)