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)

上面函数作用域链如下:

作用域链.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指向局部函数

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  •   函数表达式是 JavaScript 中的一个既强大有容易令人困惑的特性。定义函数的的方式有两种: 函数声明; ...
    霜天晓阅读 4,212评论 0 1
  • 第七章:函数表达式 本章内容: 函数表达式的特征 使用函数实现递归 使用闭包定义私有变量 定义函数的方式有两种,一...
    穿牛仔裤的蚊子阅读 2,939评论 0 1
  • 定义函数的方式有两种:函数声明和函数表达式。 函数声明的一个重要特征就是函数声明提升,意思是在执行代码前会先读取函...
    oWSQo阅读 3,875评论 0 0
  • 定义函数的方式有两种:一种是函数声明,另一种就是函数表达式。函数声明的语法: 关于函数声明的一个重要特征就是函数声...
    LemonnYan阅读 891评论 0 0
  • 本文主要介绍,函数表达式特征、使用函数实现递归、使用闭包定义私有变量。 函数表达式特征 函数表达式是JavaScr...
    了凡和纤风阅读 4,857评论 0 0