函数与作用域

声明前置和作用域也是JS 部分面试常考点

1.函数声明和函数表达式有什么区别

函数声明:使用function关键字可以声明一个函数。

 function sayHello(){
   console.log('hello')
 }
 //函数调用
 sayHello()```
声明不必放到调用的前面,声明的是一个函数,用时就是调用,该声明位置可放在后面。函数声明最重要的特征就是函数声明提升,意思是在执行代码之前就会读取函数声明。

函数表达式:用函数表达式定义的函数在使用之前必须先赋值。
 ```var sayHello = function(){
   console.log('hello');
 }
 sayHello()```
声明必须放到调用的前面,声明的是一个变量,必须声明过后才能使用。


####2.什么是变量的声明前置?什么是函数的声明前置
- 变量的声明前置:JavaScript引擎的工作方式是,先解析代码,获取所有被声明的变量,然后再一行一行地运行。这造成的结果,就是所有的变量的声明语句,都会被提升到代码的头部,然后给他初始值undefined,然后才逐句执行程序,这就叫做“变量提升”,也即“变量的声明前置”。在一个作用域块中,所有的变量都被放在块的开始出声明,但是变量的赋值不会提升。

- 函数的声明前置:在一个作用域下,同var 声明的变量一样,function 声明的函数也会前置。函数的声明前置优先级高于变量的声明前置。

```console.log(a); 
var a = 3;
console.log(a); 
sayHello();
function sayHello(){
 console.log('hello');
}```
执行时语句顺序如下:
```var a
function sayHello(){}
console.log(a);//undefined
a=3
console.log(a); //3
sayHello();```

####3.arguments 是什么
arguments 是一个类似数组的对象, 对应于传递给函数的参数。在函数内部,可以使用arguments对象获取到该函数的所有传入参数。arguments 对象仅在函数内部有效,在函数外部调用 arguments 对象会出现一个错误。
严格模式下,
1. arguments 不能通过程序语法被绑定(be bound)或赋值。
2.函数的 arguments 对象会保存函数被调用时的原始参数。arguments[i] 的值不会随与之相应的参数的值的改变而变化,同名参数的值也不会随与之相应的 arguments[i] 的值的改变而变化。
3.不再支持 arguments.callee。arguments.callee 是一个不可删除属性,而且赋值和读取时都会抛出异常。

``` function printPersonInfo(name, age, sex){
   console.log(name);
   console.log(age);
   console.log(sex);
 }
可以写为
function printPersonInfo(){
   console.log(arguments[0]);
   console.log(arguments[1]);
   console.log(arguments[2]);
 }```

####4.函数的"重载"怎样实现
在 JS 中没有重载,同名函数会覆盖。 但可以在函数体针对不同的参数调用执行相应的逻辑。
```function printPeopleInfo(name, age, sex){
   if(name){
     console.log(name);
   }
   if(age){
     console.log(age);
   }
   if(sex){
     console.log(sex);
   }
 }
 printPeopleInfo('Byron', 26);
 printPeopleInfo('Byron', 26, 'male');```

####5.立即执行函数表达式是什么?有什么作用
立即执行函数通常有下面几种写法:
```(function fn0() {})();
(function fn1() {} ()); 
// 在数组初始化器内只能是表达式
[function fn2() {}];
// 逗号也只能操作表达式
1, function fn3() {};```

在Javascript中,一对圆括号“()”是一种运算符,跟在函数名之后,表示调用该函数。比如,print()就表示调用print函数。
作用:
一是不必为函数命名,避免了污染全局变量;
二是隔离作用域,IIFE内部形成了一个单独的作用域,可以封装一些外部无法读取的私有变量。

####6.求n!,用递归来实现
```function fn1(i){
 if(i===1){
   return 1;
 }
 return i*fn1(i-1);
}```

####7.以下代码输出什么?
   ```function getInfo(name, age, sex){
       console.log('name:',name);
       console.log('age:', age);
       console.log('sex:', sex);
       console.log(arguments);
       arguments[0] = 'valley';
       console.log('name', name);
   }
getInfo('饥人谷', 2, '男');
getInfo('小谷', 3);
getInfo('男');```
输出:
name:饥人谷  age:2  sex:男  ['饥人谷',2,'sex']  name valley
name:小谷  age:3  sex:undefined   ['小谷',3]  name valley
name:男  age:undefined   sex:undefined    ['男']  name valley

####8. 写一个函数,返回参数的平方和?
```function sumOfSquare() {
   var result = 0;
   for(var i=0; i<arguments.length; i++){
     result+=arguments[i]*arguments[i];
   }
   return result;
}
var result = sumOfSquares(2,3,4)
var result2 = sumOfSquares(1,3)
console.log(result)  //29
console.log(result)  //10```

####9. 如下代码的输出?为什么
   ```console.log(a);
   var a = 1;
   console.log(b);```
输出:
undefined /*因为变量声明前置,var a,console.log(a)*/
b is not defined报错 /*因为变量b没有声明*/

####10. 如下代码的输出?为什么
   ```sayName('world');
   sayAge(10);
   function sayName(name){
       console.log('hello ', name);
   }
   var sayAge = function(age){
       console.log(age);
   };```
输出:
hello world /*函数声明可以放在后面*/
sayAge is not a function报错 /*声明放在后面了变量没定义,声明必须放到调用的前面,声明的是一个变量,必须声明过后才能使用*/

####11. 如下代码输出什么? 写出作用域链查找过程伪代码
```var x = 10
bar() 
function foo() {
 console.log(x)
}
function bar(){
 var x = 30
 foo()
}```
输出:10

```globalContext{
 AO:{
   x:10
   foo:function
   bar:function
 },
   Scope:null
}
foo.[[scope]] = globalContext.AO
bar.[[scope]] = globalContext.AO
barContext{
 AO:{
   x:30
 },
   Scope:bar.[[scope]] //globalContext.AO
}
fooContext{
 AO:{    
 },
   Scope:foo.[[scope]] // globalContext.AO  
}```

####12. 如下代码输出什么? 写出作用域链查找过程伪代码
```var x = 10;
bar() 
function bar(){
 var x = 30;
 function foo(){
   console.log(x) 
 }
 foo();
}```    

输出:30

```globalContext{
 AO:{
   x:10
   bar:function
 },
   Scope:null
}
foo.[[scope]] = barContext.AO
bar.[[scope]] = globalContext.AO
barContext{
 AO:{
   x:30
   foo:function
 },
   Scope:bar.[[scope]] //globalContext.AO
}
fooContext{
 AO:{    
 },
   Scope:foo.[[scope]] // barContext.AO  
}```

####13. 以下代码输出什么? 写出作用域链的查找过程伪代码
```var x = 10;
bar() 
function bar(){
 var x = 30;
 (function (){
   console.log(x)
 })()
}```
输出:30

```globalContext{
 AO:{
   x:10
   bar:function
 }
 Scope:null
}
bar.[[scope]] = globalContext.AO
barContext{
 AO:{
   x:30
 }
 Scope:bar.[[scope]]
}```


####14. 以下代码输出什么? 写出作用域链查找过程伪代码
```var a = 1;
function fn(){
 console.log(a)
 var a = 5
 console.log(a)
 a++
 var a
 fn3()
 fn2()
 console.log(a)
 function fn2(){
   console.log(a)
   a = 20
 }
}
function fn3(){
 console.log(a)
 a = 200
}
fn()
console.log(a)```

输出:
undefined
5
1
6
20
200

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

推荐阅读更多精彩内容

  • 1. 函数声明和函数表达式有什么区别 使用function关键字声明一个函数时,声明不必放到调用的前面。//函数声...
    _李祺阅读 271评论 0 0
  • 函数声明和函数表达式有什么区别? 函数声明和函数表达式是EMACScript规定的两种不同的声明函数的方法。1.函...
    LeeoZz阅读 346评论 0 1
  • 1.函数声明和函数表达式有什么区别 函数声明不必放在调用前面 函数表达式必须放在调用前面 2.什么是变量的声明前置...
    LINPENGISTHEONE阅读 296评论 0 0
  • 1,函数声明和函数表达式有什么区别 1、背景介绍 定义函数的方法主要有三种: 1:函数声明(Function De...
    进击的前端_风笑影阅读 428评论 0 0
  • 今天1号店搬家,大家都很辛苦。 这两天一直在考虑做计划的事情,到了应该努力的时间段了。今天有一个关键词经常会在我说...
    罗召伟阅读 425评论 1 5