美文网首页
js - 函数表达式 - 简要总结

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

作者: guotanxiangg | 来源:发表于2019-11-22 00:40 被阅读0次

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

    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)
    

    上面函数作用域链如下:

    作用域链.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 - 函数表达式 - 简要总结

          本文链接:https://www.haomeiwen.com/subject/syaxwctx.html