函数总结

函数的5种声明

1.具名函数

 function f(x,y){
     return x+y;
 }
 f.name // 'f'

console.log() 无论打印什么都返回undefined,打印什么跟返回什么无关。

2.匿名函数

 var f;
 f = function(x,y){
     return x+y
 }
 f.name // 'f'

3.具名函数赋值()

var f;
 f = function f2(x,y){ return x+y }
 f.name // 'f2'
*console.log(f2) //由于不一致性,显示undefined

4.window.Function

var f = new Function('x','y','return x+y')
 f.name // "anonymous"

5.箭头函数(非正式命名)

var f = (x,y) => {
     return x+y
 }
 var sum = (x,y) => x+y//只有一个return时,可以同时省去{}和return
 var n2 = n => n*n//参数只有一个时,可以省去()

函数的name属性

每个函数都有一个name属性,参见上述代码。
特例


name属性.png

函数的本质

函数 : 可以执行代码的对象

对象原型链
函数调用写法:
  1. f()
  2. f.call(undefined,参数,参数...)

call与arguments

f.call(undefined,参数1,参数2...)

1.上述代码中undefined即为this,参数即为arguments。
2.call方法中第一个参数可以用this得到。
3.call方法中第二个及以后的参数可以用arguments得到。
4.普通模式下,如果this是undefined,打印出来的是window;严格模式下则打印出相应的this值。

function f(){
    'use strict'
    console.log(this)
    console.log(arguments)
    return undefined
}
f.call(1,2,3) // this 为 1,arguments 为 [1,2,3],arguments是伪数组

作用域

定义:只要有一个函数,就有一个作用域。


函数作用域

函数作用范围中,变量不在子函数作用范围内时(即子函数未声明此变量),则向其父函数中寻找;若父函数中也未声明,则将此变量声明为全局变量并赋值。

面试题1:求红色箭头输出值

求作用域1.png

答案:undefined
上述代码等价于下述代码:变量提升
作用域解答.png

面试题2:求红色箭头输出值

函数作用域3.png

答案:1
解析:a=2只作用于f1范围内,变量a要么在f4范围内,要么在其父函数范围内;f4内没有声明变量a,择其父函数——在本题中是全局变量。

面试题2:在横线处填写代码使其输出2

作用域3

答案:a=2
解析:有a=2时,则输出2;无a=2时,则输出1
注:函数作用域只规定了是哪个变量,并未规定变量的取值

面试题3:点击红线处时输出值


必错题.png

答案:6
解析:


面试题3.png

变量提升后初始值是0,for循环结束后i=6。
注:鼠标点击红线处时,for循环已结束。
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 函数在javascript里面是对象。每个函数在创建时会附加两个属性:函数的上下文和实现函数行为的代码。 每个函数...
    威尔士的海阅读 577评论 0 4
  • 1. abs(x) abs()函数返回数字(可为普通型、长整型或浮点型)的绝对值。如果给出复数,返回值就是该复数的...
    chen_000阅读 416评论 0 0
  • 随着社会的发展以及人类的进步,越来越多的人在一件细小的事情上都会追求完美,就比如广告垃圾箱,之前的垃圾箱,仅仅是帮...
    缔造琓镁阅读 268评论 0 0
  • 昨晚和朋友一起窝在床上里看完了'釜山行',擦干眼泪后,反复思索着影片的一些片段。我问朋友“如果我像影片那样疑似...
    banana小媛子阅读 201评论 0 0
  • 大家好我是刺鸡 这是我的第3个故事 今日文章多图 无流量者 慎看 最近好像有个仿真机器人 放言要毁灭人类世界啊 看...
    刺鸡阅读 588评论 0 0