函数和作用域

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

函数声明必须有标识符,也就是常说的函数名;函数表达式可以省略函数名.函数声明会提前;对于函数表达式,函数调用只有在函数表达式声明后调用;

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

变量的声明前置是指执行代码之前会先读取变量的声明,在执行的过程中进行赋值, var a=2;一般分为两步 var a 声明一个变量 a 会放在最前面,然后在进行赋值 a=2;
函数的声明前置意思是在执行代码之前会先读取函数声明。这就意味着可以把函数声明放在调用它的语句后面。

3.arguments 是什么?

在函数内部,你可以使用arguments对象获取到该函数的所有传入参数,是我们传入函数内的实参;所有的函数都有属于自己的一个arguments对象,它包括了函所要调用的参数。他不是一个数组,如果用typeof arguments,返回的是’object’。虽然我们可以用调用数据的方法来调用arguments。比如length,还有index方法。但是数组的push和pop对象是不适用的。

4.函数的"重载"怎样实现

js中是没有重载的;如果想实现类似函数重载,我们可以判断传入函数内部的参数的类型和数目来执行函数。注:js判断传入参数数量可以用arguments.length这个属性来判断;判断类型:
1.用 typeof 语句判断变量类型,typeof语句返回类型对应的字符串。
2.用 instanceof 语句判断变量类型,instanceof语句返回true/false。
3.用 constructor 属性判断变量类型,这个属性返回用来构造该变量的构造函数引用。

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

立即执行函数模式是一种语法,可以让你的函数在定义后立即被执行;这种模式本质上就是函数表达式,在创建后立即执行。因为函数的声明是不可以跟圆括号的,但是函数的表达式可以;要将函数声明转换成函数表达式,就可以在声明外面加一对括号。在javascript里,括号内部不能包含语句,当解析器对代码进行解释的时候,先碰到了(),然后碰到function关键字就会自动将()里面的代码识别为函数表达式而不是函数声明。

//最常用的模式
(function () {  
    alert('hello world!');  
})(); 
//第二种模式
(function () {  
    alert('watch out!');  
}());  
//还有许多模式

作用:临时需要变量的时候,可以创建私有作用域,这样不会污染到全局,避免了全局变量过多,防止命名冲突;同时匿名函数执行完毕后,会立即销毁函数内部变量,而匿名函数又是一个闭包,可以访问自身作用域链中的所有变量。这种做法可以减少闭包占用的内存问题,因为没有指向匿名函数的引用。只要函数执行完毕,就可以立即销毁其作用域链了。

6.求n!,用递归来实现

  function factorial(n){
            if(n<=1){
                  return 1;
              }else{
                return n*f(n-1);
             }    
    }
    factorial(n);

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, '男'); // 输出 name:饥人谷;age: 2;sex: 男 ;Arguments(3) { " valley",2," 男 " };name valley
getInfo('小谷', 3);// 输出 name:小谷;age: 3;sex: undefined ;Arguments(2) { " valley",3};name valley
getInfo('男');// 输出 name:男;age:  undefined ;sex: undefined ;Arguments(1) { " valley"};name valley

8. 写一个函数,返回参数的平方和?

   function sumOfSquares(){
            var result = 0;
            for(var i =0;i<arguments.length;i++){
                    result+=Math.pow(arguments[i],2);
                  
          }
        return result;
   }
   var result = sumOfSquares(2,3,4)
   var result2 = sumOfSquares(1,3)
   console.log(result)  //29
   console.log(result2)  //10

9. 如下代码的输出?为什么

    console.log(a); //undefined   变量声明提升,但赋值在后 所以为undefined
    var a = 1;
    console.log(b);//报错 b is not defined

10. 如下代码的输出?为什么

    sayName('world'); // hello world; 函数声明提升
    sayAge(10);  //sayAge is not a function; 函数表达式只把变量的声明提升了。赋值在后面
    function sayName(name){
        console.log('hello ', name);
    }
    var sayAge = function(age){
        console.log(age);
    };

11. 如下代码输出什么? 写出作用域链查找过程伪代码

var x = 10;
bar() ;
function foo() {
  console.log(x);
}
function bar(){
  var x = 30;
  foo();
}
//分析
globalContext = {
  //全局执行上下文
  AO:{
          x:10,
          foo:function(){},
          bar:function(){}
       },
  Scope = null;
  };
foo.[[Scope]] = globalContext.AO;
bar.[[Scope]] = globalContext.AO;
bar执行的时候进入bar的执行上下文:
barContext = {
      //bar的执行上下文
      AO:{
          x:30
          },
    Scope:bar.[[Scope]]
}
fooContext = {
       //foo的执行上下文
         AO:{
             },
     Scope:foo.[[Scope]]
}

分析:首先将变量声明 函数声明提升;执行bar函数进入bar函数的执行上下文;bar函数执行过程中执行foo函数,会先在bar的AO中寻找foo函数,没有再进入bar.[[Scope]]寻找。执行foo函数进入foo函数的执行上下文,执行console.log(x);首先在foo自己的AO中找x,没有就进入foo.[[Scope]]中寻找所以console.log(x)打印出来的值为10;

12. 如下代码输出什么? 写出作用域链查找过程伪代码

 var x = 10;
  bar(); 
 function bar(){
   var x = 30;
  function foo(){
       console.log(x); 
       }
    foo();
}   
//全局执行上下文:
globalContext = {
      AO:{
         x:10,
          bar:function(){}  
        }
        Scope:null
    }
bar.[[Scope]] = globalContext.AO;
//bar的执行上下文
 barContext = {
        AO:{
          x:30,
          foo:function(){}
             },
          Scope: bar.[[Scope]] 
    }
foo.[[Scope]] = barContext.AO;
//foo的执行上下文
 fooContext = {
        AO:{
        },
        Scope:foo.[[Scope]]
  }

分析:先进行全局和函数内部的变量声明提升 函数声明提升,执行bar函数先在globalContext.AO中寻找函数bar,执行bar函数进入bar函数的执行上下文;bar函数内部执行foo函数先在barContext.AO 中寻找foo函数找到后执行console.log(x);x先在fooContext.AO中寻找,没有进入foo.[[Scope]]寻找也就是 barContext.AO中寻找x=30,所以打印结果为30.

13.如下代码输出什么? 写出作用域链查找过程伪代码

var x = 10;
bar(); 
function bar(){
  var x = 30;
  (function (){
    console.log(x);
  })();
}

分析:同上因为立即执行函数可以看做一个函数表达式类似于var fn = function(){}; 然后立即执行fn();匿名函数执行上下文的Scope属性为barContext.AO,找到x为30;打印结果为30.

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);

分析过程:
首先在全局和函数内部进行变量声明提升和函数声明提升;

//全局执行上下文:
        globalContext = {
            AO:{
            a:1,//变化顺序1;200
            fn:function(){},
            fn3:function(){}    
            },
            Scope:null
        }
        fn.[[Scope]] = globalContext.AO;
        fn3.[[Scope]] = globalContext.AO;
        //fn函数执行上下文:
        fnContext = {
            AO:{
            a:,//执行过程a值得变化  undefined;5;6;20
            fn2:function(){}    
            },
            Scope:fn.[[Scope]]
        }
        fn2.[[Scope]] = fnContext.AO;
        //fn2的执行上下文
        fn2Context = {
            AO:{
                
            },
            Scope:fn2.[[Scope]]
        }
        //fn3的执行上下文
        fn3Context = {
            AO:{
            
            },
            Scope:fn3.[[Scope]]
        }

执行程序分析:全局环境下执行fn,在globalContext.AO中找到fn函数执行fn,第一次console.log(a),在fnContext.AO找到a只声明未赋值为undefined,对a赋值5,第二次console.log(a)结果为5,a++ a为6,var a重新声明a不会对a值产生影响,执行fn3函数进入fn3函数的执行上下文,console.log(a),先在fn3Context.AO中寻找a,全局声明的a找不到,在fn3.[[Scope]]中找到全局的var a = 1;console.log(a)即为1;随后全局的a被赋值为200,继续往下执行fn2进入fn2的执行上下文,首先在fn2Context.AO中寻找a,没有进入fn2.[[Scope]]寻找此时a为a++后的6,打印出6;随后a = 20修改了fn执行上下文的a为20;再在fn内部console.log(a),得到20;最后在全局console.log(a),此时全局的a为200;最后打印结果为undefined 5 1 6 20 200

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

推荐阅读更多精彩内容

  • 一、函数声明和函数表达式 函数声明的形式:function fn() { } ,使用函数声明的形式声明一个函数时,...
    sutingy阅读 160评论 0 0
  • 1.函数声明和函数表达式有什么区别 (*) 区别: 函数声明后面的分号可加可不加,不加也不影响接下来语句的执行,但...
    Sheldon_Yee阅读 396评论 0 1
  • 1.函数声明和函数表达式有什么区别 (*) 函数声明 函数表达式 函数声明:函数调用可以发生在函数声明之前,例如下...
    TimeLesser阅读 388评论 4 4
  • 1.函数声明和函数表达式有什么区别 函数声明 使用 function 关键字声明一个函数 声明不必放到调用的前面,...
    Soarse阅读 197评论 0 0
  • 1.函数声明和函数表达式有什么区别 函数声明是使用function来进行声明的,可以不用在意调用函数的前后位置,是...
    向前冲冲的蜗牛阅读 225评论 0 0