任务17-函数

1. 函数声明和函数表达式有什么区别?(*)

  • 函数声明后面的分号可加可不加,不影响接下来的语句,但是函数表达式后面没有分号结束,js引擎则会认为后面的内容仍是函数表达式的一部分
//没加分号报错
var a = function(){}console.log("")
//没加分号不报错
function b(){}console.log("")
  • ** 函数表达式**则是提升变量;
//提升变量var a
var a = function(){};
  • 函数声明将作为整个代码块一起提升至作用域的最上面;
//提升函数function fn(){}
function fn(){};

2. 什么是变量的声明前置?什么是函数的声明前置 (**)

  • JavaScript的解析代码时存在变量提升机制,具体流程是JS解析器在预执行(解析)阶段先会将所有的变量声明提升至该作用域的最顶部
var a = 1;
function main(){
    console.log(a);
    var a = 2;
}
main();    //undefined

等价于

var a;
function main() {
    console.log(a);
    a = 2;
}
a = 1;
main();    //undefined

  • 函数声明前置就是把函数声明提升到当前的最前面(位于变量声明前置后面)
var num1 = 1, num2 = 2;
getsum(num1, num2);    //3
function getsum(num1, num2){
    return num1 + num2;
}

等价于

var num1, num2;
function getsum(num1, num2){
    return num1 + num2;
}
num1 = 1;
num2 = 2;
getsum(num1, num2);    //3

3. arguments 是什么 (*)

arguments是一个用于存放函数所有传入实参的类数组对象。

function main(a, b, c){
      return arguments;
  }
  main(1, 2, 3);      //[1, 2, 3]

4.函数的重载怎样实现 (**)

  • 函数的重载是指为一个函数编写多个定义,只要这两个定义的签名(接受的参数的类型和数量)不同即可。
  • ECMAScript函数没有签名,所以ECMAScript函数不能重载,如果同时定义两个名称相同的函数,后定义的那个函数会覆盖先定义的函数
  • 利用arguments实现重载
    arguments是JavaScript里的一个内置对象,包含了调用者传递的实际参数,而调用时只它和数组一样有个length属性;
    我们暂且把它当“数组”来理解吧,我们根据该数组的长度以及其元素的类型来选择不同的实现,从而模拟了重载。
    给个例子:
function getDate(){
      if(arguments.length==0){ 
          var date=new Date().toLocaleDateString();
          return "您没有输入参数,现在时间:" + date ;
       } 
      if(arguments.length==1){
          if(arguments[0].constructor ==Date){
              return "您输入的参数是Date类型,现在时间是:" + arguments[0].toDateString();
          }
      }
          if(arguments[0].constructor ==String){
              return "您输入的参数是String类型,现在时间是:" + arguments[0];
          }
      }
}

于是我们可以这样调用:

getDate()
getDate(newDate())
getDate("星期一")

这样就实现了JavaScript的重载!

5. 立即执行函数表达式是什么?有什么作用 (*)

  • 什么是立即执行函数
    一种声明之后就立即进行该函数执行操作的函数
  • 立即执行函数的写法
    function()前面加任意符号,告诉js引擎这是要执行函数而不是声明函数,注意最后必须加分号
写法1:
(function fn(n){
 console.log(n)
}());
    ____________________
写法2:
!function (){
}();

作用:

  • 消除全局变量的污染;
  • 防止其他js文件出现与本文件的函数名重名情况,那么函数内部定义的 同一个变量a有可能被污染;
  • IIFE内部形成了一个单独的作用域,可以封装一些外部无法读取的私有变量

6. 什么是函数的作用域链 (**)

  • 作用域
    作用域(scope)就是变量和函数的可访问范围,控制着变量与函数的可见性和生命周期。在Javascript中变量的作用域有全局作用域和局部作用域。

    • 全局作用域(Global Scope)
      变量没有在函数内声明或者声明的时候没有带var就是全局变量,拥有全局作用域,window对象的所有属性拥有全局作用域,在代码任何地方都可以访问。
    • 局部作用域(Local Scope)
      函数内部声明并且以var修饰的变量就是局部变量,只能在函数体内使用,函数的参数虽然没有使用var但仍然是局部变量。
var a = 1;
function fn(){
var b = 2;
c=3;
console.log(a+b)
}
b//b is not defined
//a是全局变量,只要js运行都会生效;
//b是局部变量,只在函数体内部生效;
//注意如果函数内部的变量不加var声明,那么会当做全局变量

  • 执行环境上下文(execution context)
    执行环境(execution context)定义了变量或函数有权访问的其他数据,决定了他们的各自行为。每个执行环境都有一个与之关联的变量对象(variable object,VO),执行环境中定义的所有变量和函数都会保存在这个对象中,解析器在处理数据的时候就会访问这个内部对象。
    全局执行环境是最外层的一个执行环境,在web浏览器中全局执行环境是window对象,因此所有全局变量和函数都是作为window对象的属性和方法创建的。每个函数都有自己的执行环境,当执行流进入一个函数的时候,函数的环境会被推入一个函数栈中,而在函数执行完毕后执行环境出栈并销毁,保存在其中的所有变量和函数定义随之销毁,控制权返回到之前的执行环境中,全局的执行环境在应用程序退出(浏览器关闭)才会被销毁。

  • 作用域链(scope chain)
    当代码在一个环境中执行时,会创建变量对象的一个作用域链。作用域链的用途,是保证对执行环境有权访问的所有变量和函数的有序访问。作用域链的前端,始终都是当前执行的代码所在环境的变量对象。如果这个环境是函数,则将其活动对象(activation object)作为变量对象。活动对象在最开始时只包含一个变量,即arguments对象(这个对象在全局环境中是不存在的)。作用域链中的下一个变量对象来自包含(外部)环境,而再下一个变量对象则来自下一个包含环境。这样,一直延续到全局执行环境;全局执行环境的变量对象始终都是作用域链中的最后一个对象。

  • 标识符解析是沿着作用域链一级一级地搜索标识符的过程。搜索过程始终从作用域的前端开始,然后逐级地向后回溯,直至找到标识符为止(如果找不到标识符,通常会导致错误发生)

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 210,978评论 6 490
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 89,954评论 2 384
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 156,623评论 0 345
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,324评论 1 282
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,390评论 5 384
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,741评论 1 289
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,892评论 3 405
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,655评论 0 266
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,104评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,451评论 2 325
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,569评论 1 340
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,254评论 4 328
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,834评论 3 312
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,725评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,950评论 1 264
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,260评论 2 360
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,446评论 2 348

推荐阅读更多精彩内容

  • 问答: 1. 函数声明和函数表达式有什么区别 (*) 在日常的任务中,JavaScript主要使用下面两种方式创建...
    小木子2016阅读 314评论 0 0
  • 问答题 函数声明和函数表达式有什么区别 (*)答://函数声明function hello(){ conso...
    饥人谷_桶饭阅读 243评论 0 0
  • 1.函数声明和函数表达式的区别? 在ECMAScript中,创建函数的最常用的两个方法是函数表达式和函数声明,两者...
    GarenWang阅读 528评论 0 0
  • 一、函数声明和函数表达式有什么区别?(*) ** 1.ECMAScript里面规定了三种声明函数的方式**①构造函...
    鸿鹄飞天阅读 453评论 0 0
  • 1.函数声明和函数表达式有什么区别 (*) 函数声明 函数表达式 函数声明:函数调用可以发生在函数声明之前,例如下...
    TimeLesser阅读 393评论 4 4