函數(shù)和作用域

1.函數(shù)聲明和函數(shù)表達(dá)式有什么區(qū)別?

函數(shù)聲明必須有標(biāo)識符,也就是常說的函數(shù)名;函數(shù)表達(dá)式可以省略函數(shù)名.函數(shù)聲明會提前;對于函數(shù)表達(dá)式,函數(shù)調(diào)用只有在函數(shù)表達(dá)式聲明后調(diào)用;

2.什么是變量的聲明前置?什么是函數(shù)的聲明前置?

變量的聲明前置是指執(zhí)行代碼之前會先讀取變量的聲明,在執(zhí)行的過程中進(jìn)行賦值, var a=2;一般分為兩步 var a 聲明一個變量 a 會放在最前面,然后在進(jìn)行賦值 a=2;
函數(shù)的聲明前置意思是在執(zhí)行代碼之前會先讀取函數(shù)聲明。這就意味著可以把函數(shù)聲明放在調(diào)用它的語句后面。

3.arguments 是什么?

在函數(shù)內(nèi)部,你可以使用arguments對象獲取到該函數(shù)的所有傳入?yún)?shù),是我們傳入函數(shù)內(nèi)的實參;所有的函數(shù)都有屬于自己的一個arguments對象,它包括了函所要調(diào)用的參數(shù)。他不是一個數(shù)組,如果用typeof arguments,返回的是’object’。雖然我們可以用調(diào)用數(shù)據(jù)的方法來調(diào)用arguments。比如length,還有index方法。但是數(shù)組的push和pop對象是不適用的。

4.函數(shù)的"重載"怎樣實現(xiàn)

js中是沒有重載的;如果想實現(xiàn)類似函數(shù)重載,我們可以判斷傳入函數(shù)內(nèi)部的參數(shù)的類型和數(shù)目來執(zhí)行函數(shù)。注:js判斷傳入?yún)?shù)數(shù)量可以用arguments.length這個屬性來判斷;判斷類型:
1.用 typeof 語句判斷變量類型,typeof語句返回類型對應(yīng)的字符串。
2.用 instanceof 語句判斷變量類型,instanceof語句返回true/false。
3.用 constructor 屬性判斷變量類型,這個屬性返回用來構(gòu)造該變量的構(gòu)造函數(shù)引用。

5.立即執(zhí)行函數(shù)表達(dá)式是什么?有什么作用

立即執(zhí)行函數(shù)模式是一種語法,可以讓你的函數(shù)在定義后立即被執(zhí)行;這種模式本質(zhì)上就是函數(shù)表達(dá)式,在創(chuàng)建后立即執(zhí)行。因為函數(shù)的聲明是不可以跟圓括號的,但是函數(shù)的表達(dá)式可以;要將函數(shù)聲明轉(zhuǎn)換成函數(shù)表達(dá)式,就可以在聲明外面加一對括號。在javascript里,括號內(nèi)部不能包含語句,當(dāng)解析器對代碼進(jìn)行解釋的時候,先碰到了(),然后碰到function關(guān)鍵字就會自動將()里面的代碼識別為函數(shù)表達(dá)式而不是函數(shù)聲明。

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

作用:臨時需要變量的時候,可以創(chuàng)建私有作用域,這樣不會污染到全局,避免了全局變量過多,防止命名沖突;同時匿名函數(shù)執(zhí)行完畢后,會立即銷毀函數(shù)內(nèi)部變量,而匿名函數(shù)又是一個閉包,可以訪問自身作用域鏈中的所有變量。這種做法可以減少閉包占用的內(nèi)存問題,因為沒有指向匿名函數(shù)的引用。只要函數(shù)執(zhí)行完畢,就可以立即銷毀其作用域鏈了。

6.求n!,用遞歸來實現(xià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. 寫一個函數(shù),返回參數(shù)的平方和?

   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; 函數(shù)聲明提升
    sayAge(10);  //sayAge is not a function; 函數(shù)表達(dá)式只把變量的聲明提升了。賦值在后面
    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 = {
  //全局執(zhí)行上下文
  AO:{
          x:10,
          foo:function(){},
          bar:function(){}
       },
  Scope = null;
  };
foo.[[Scope]] = globalContext.AO;
bar.[[Scope]] = globalContext.AO;
bar執(zhí)行的時候進(jìn)入bar的執(zhí)行上下文:
barContext = {
      //bar的執(zhí)行上下文
      AO:{
          x:30
          },
    Scope:bar.[[Scope]]
}
fooContext = {
       //foo的執(zhí)行上下文
         AO:{
             },
     Scope:foo.[[Scope]]
}

分析:首先將變量聲明 函數(shù)聲明提升;執(zhí)行bar函數(shù)進(jìn)入bar函數(shù)的執(zhí)行上下文;bar函數(shù)執(zhí)行過程中執(zhí)行foo函數(shù),會先在bar的AO中尋找foo函數(shù),沒有再進(jìn)入bar.[[Scope]]尋找。執(zhí)行foo函數(shù)進(jìn)入foo函數(shù)的執(zhí)行上下文,執(zhí)行console.log(x);首先在foo自己的AO中找x,沒有就進(jìn)入foo.[[Scope]]中尋找所以console.log(x)打印出來的值為10;

12. 如下代碼輸出什么? 寫出作用域鏈查找過程偽代碼

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

分析:先進(jìn)行全局和函數(shù)內(nèi)部的變量聲明提升 函數(shù)聲明提升,執(zhí)行bar函數(shù)先在globalContext.AO中尋找函數(shù)bar,執(zhí)行bar函數(shù)進(jìn)入bar函數(shù)的執(zhí)行上下文;bar函數(shù)內(nèi)部執(zhí)行foo函數(shù)先在barContext.AO 中尋找foo函數(shù)找到后執(zhí)行console.log(x);x先在fooContext.AO中尋找,沒有進(jìn)入foo.[[Scope]]尋找也就是 barContext.AO中尋找x=30,所以打印結(jié)果為30.

13.如下代碼輸出什么? 寫出作用域鏈查找過程偽代碼

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

分析:同上因為立即執(zhí)行函數(shù)可以看做一個函數(shù)表達(dá)式類似于var fn = function(){}; 然后立即執(zhí)行fn();匿名函數(shù)執(zhí)行上下文的Scope屬性為barContext.AO,找到x為30;打印結(jié)果為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);

分析過程:
首先在全局和函數(shù)內(nèi)部進(jìn)行變量聲明提升和函數(shù)聲明提升;

//全局執(zhí)行上下文:
        globalContext = {
            AO:{
            a:1,//變化順序1;200
            fn:function(){},
            fn3:function(){}    
            },
            Scope:null
        }
        fn.[[Scope]] = globalContext.AO;
        fn3.[[Scope]] = globalContext.AO;
        //fn函數(shù)執(zhí)行上下文:
        fnContext = {
            AO:{
            a:,//執(zhí)行過程a值得變化  undefined;5;6;20
            fn2:function(){}    
            },
            Scope:fn.[[Scope]]
        }
        fn2.[[Scope]] = fnContext.AO;
        //fn2的執(zhí)行上下文
        fn2Context = {
            AO:{
                
            },
            Scope:fn2.[[Scope]]
        }
        //fn3的執(zhí)行上下文
        fn3Context = {
            AO:{
            
            },
            Scope:fn3.[[Scope]]
        }

執(zhí)行程序分析:全局環(huán)境下執(zhí)行fn,在globalContext.AO中找到fn函數(shù)執(zhí)行fn,第一次console.log(a),在fnContext.AO找到a只聲明未賦值為undefined,對a賦值5,第二次console.log(a)結(jié)果為5,a++ a為6,var a重新聲明a不會對a值產(chǎn)生影響,執(zhí)行fn3函數(shù)進(jìn)入fn3函數(shù)的執(zhí)行上下文,console.log(a),先在fn3Context.AO中尋找a,全局聲明的a找不到,在fn3.[[Scope]]中找到全局的var a = 1;console.log(a)即為1;隨后全局的a被賦值為200,繼續(xù)往下執(zhí)行fn2進(jìn)入fn2的執(zhí)行上下文,首先在fn2Context.AO中尋找a,沒有進(jìn)入fn2.[[Scope]]尋找此時a為a++后的6,打印出6;隨后a = 20修改了fn執(zhí)行上下文的a為20;再在fn內(nèi)部console.log(a),得到20;最后在全局console.log(a),此時全局的a為200;最后打印結(jié)果為undefined 5 1 6 20 200

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 一、函數(shù)聲明和函數(shù)表達(dá)式 函數(shù)聲明的形式:function fn() { } ,使用函數(shù)聲明的形式聲明一個函數(shù)時,...
    sutingy閱讀 208評論 0 0
  • 1.函數(shù)聲明和函數(shù)表達(dá)式有什么區(qū)別 (*) 區(qū)別: 函數(shù)聲明后面的分號可加可不加,不加也不影響接下來語句的執(zhí)行,但...
    Sheldon_Yee閱讀 469評論 0 1
  • 1.函數(shù)聲明和函數(shù)表達(dá)式有什么區(qū)別 (*) 函數(shù)聲明 函數(shù)表達(dá)式 函數(shù)聲明:函數(shù)調(diào)用可以發(fā)生在函數(shù)聲明之前,例如下...
    TimeLesser閱讀 460評論 4 4
  • 1.函數(shù)聲明和函數(shù)表達(dá)式有什么區(qū)別 函數(shù)聲明 使用 function 關(guān)鍵字聲明一個函數(shù) 聲明不必放到調(diào)用的前面,...
    Soarse閱讀 276評論 0 0
  • 1.函數(shù)聲明和函數(shù)表達(dá)式有什么區(qū)別 函數(shù)聲明是使用function來進(jìn)行聲明的,可以不用在意調(diào)用函數(shù)的前后位置,是...
    向前沖沖的蝸牛閱讀 303評論 0 0

友情鏈接更多精彩內(nèi)容