JavaScript 函数

函数声明和函数表达式

  • 函数声明和函数表达式都是创建函数的方法;
  • 函数声明会触发函数提升,而函数表达式不会;


    前置

    不前置
  • 函数声明是一个声明不需要在大括号后面加;,但是函数表达式是一个语句,结尾需要加;
  • 函数声明一般带有函数名以便调用,函数表达式不带函数名(如果带函数名也只是在函数内部自己调用,外部不可用)。

变量的声明前置、函数的声明前置

  • js的工作方式是先解析代码,提前知道所有变量的声明或函数的声明,再一行一行执行代码;这就产生了变量提升和函数提升。


    变量提升

    函数声明前置与变量前置类似,它是将整个函数提升到代码顶部,同样只有使用function声明的函数才会前置。

arguments 是什么

  • arguments是一个包含函数运行时的所有参数的对象arguments[0]代表传递给函数的第一个参数,以此类推;另外可以在函数内部使用arguments[i]对参数进行修改(内部有效)
    arguments

函数的重载

  • 在弱类型语言js中,无法去构造两个同名的函数,即使它们的参数数量不同,后声明的函数会把前面的函数覆盖掉!
    无法用形参重载
  • 但是可以通过arguments来代替不同的参数,上一问解答过,arguments包含所有传递给函数的参数,我们可以用arguments.length做判定条件,搭配任意变量来遍历每一个参数,从而达到函数重载的目的。
    js函数重载

立即执行函数表达式

  • 有时候我们定义一个函数后,会有立即调用的需求;那么就可以直接用一个括号把整个函数包裹起来后面紧跟着(形参)就可以让函数立刻执行,这就是立即执行函数表达式;另外它还具备表达式的一些功能,比如可以将函数返回值赋值给其他变量,也可以参与运算。
    例子
  • 立即执行函数可以省略函数名,这样就不会影响全局;另外因为其内部是函数,就可以形成特有的作用域,可以封装一些外部无法访问的变量。
    立即执行函数

函数的作用域链

  • 作用域:指变量存在或作用的范围,js中作用域分两种,全局作用域和函数作用域;
    • 在函数外部声明的变量在全局都可读;在函数内部声明的外部无法读取。
    • 注意:函数内部声明的变量会覆盖外部的全局变量(如果有的话)。
  • 作用域链:函数也是对象,其内部有一个属性[scope]储存了这个函数可能用到的所有变量;这些变量被称为是这个函数的作用域链
    • 创建函数时,js会将所有全局变量放入作用域链中;
    • 调用函数时,会临时将一部分活动的对象(函数的所有局部变量、命名参数、参数集合)加入到作用域链顶端;
    • 函数执行时,会先去作用域中寻找局部变量或命名参数等,如果找不到的话,才会进一步到全局变量中去找。
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1. 函数声明和函数表达式有什么区别? 函数声明定义函数,关键字FUNCTION加函数名:function cou...
    书中有凉气阅读 677评论 0 49
  • 函数就是最基本的一种代码抽象的方式。 定义函数function abs(x) {if (x >=0){return...
    _我和你一样阅读 458评论 0 0
  • 今天阳光很好,下午跟朋友去登山,为了避免晒太阳。我们走的都是些羊肠小道,且人迹罕至。特别的难走。好几次我都觉得...
    7698w阅读 228评论 0 0
  • 一轮明月照窗台, 见离人,孤影乱。 苍穹星稀映湖面, 点点泪珠荡漾春波散……
    易郁生阅读 151评论 0 0
  • 时常做梦,我不知道狗会不会做梦,猫会不会做梦,但我知有时候我会做梦,昨天晚上,我又做了一次完整的梦。 大学时,看了...
    周某某2019阅读 301评论 3 0