美文网首页
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 - 函数表达式 - 简要总结

    函数声明,函数表达式区别 1,函数声明特点 执行前先声明 有函数名称 可以把调用语句放在函数声明前 2, 函数表达...

  • 函数表达式

    以下内容总结自《JS高级程序设计》第三版 什么是函数表达式? 函数表达式,是JS中定义函数的一种方式。在JS中,共...

  • js ------ 函数声明和函数表达式

    js创建对象几种方式 js 函数声明 和 函数表达式函数声明 函数表达式 函数表达式: 下面的函数都会直接运行

  • JavaScript基础学习笔记(二)

    函数定义 函数的声明 函数表达式 JS函数可以通过一个表达式定义,函数表达式可以存储在变量中。当存储在变量中之后,...

  • 函数

    一、问答 函数声明和函数表达式有什么区别? Js中的函数声明是指下面的形式: 函数表达式则是类似表达式那样来声明一...

  • 一篇文章告诉你JS函数表达式所有特点

    函数表达式特点 在JS编程中,函数表达式是一种非常有用的技术。使用函数表达式可以无需对函数命名,从而实现动态编程。...

  • 函数与作用域

    1.函数声明和函数表达式有什么区别?Javascript 中函数声明和函数表达式是存在区别的,函数声明在JS解析时...

  • 总结js常用函数和常用技巧

    学习过程中总结的干货,包括常用函数、常用js技巧、常用正则表达式等。 Ajax封装 使用方法: 后台响应Ajax ...

  • eval介绍

    eval 的定义和用法 如果参数是表达式,eval()函数会执行表达式;如果参数是 js 语句,eval()函数会...

  • JS函数与作用域

    函数声明和函数表达式有什么区别 使用函数声明时,在执行js语句的时候,会先把函数提升到js语句的顶部,所以即使函数...

网友评论

      本文标题:js - 函数表达式 - 简要总结

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