函數(shù)與作用域

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

  • 函數(shù)聲明
fn();//函數(shù)調(diào)用
function fn() {}
  1. 函數(shù)聲明必須有函數(shù)名
  2. 函數(shù)可以在任意地方調(diào)用fn();
  3. 聲明前置
  4. 函數(shù)聲明}最后不用加 ；
  5. 函數(shù)聲明只能放在全局變量和局部變量內(nèi)，不能放在塊內(nèi)(如if、for、switch等)
  • 函數(shù)表達式
var fn=function(){
}
fn();//函數(shù)表達式的調(diào)用
  1. 前后兩個函數(shù)的名字可以相同也可以不相同
  2. function 后面的這個名字是可以省略的
  3. function 后面的這個名字只能再函數(shù)內(nèi)部使用
  4. 函數(shù)調(diào)用只有在函數(shù)表達式聲明后調(diào)用。
  5. 函數(shù)表達式}最后要加 ；,因為表達式已經(jīng)是一個值了

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

  • 變量的聲明前置
    JavaScript引擎的工作方式是，先解析代碼，獲取所有被聲明的變量，然后再一行一行地運行。這造成的結果，就是所有的變量的聲明語句，都會被提升到代碼的頭部，然后給他初始值undefined，然后才逐句執(zhí)行程序，這就叫做“變量提升”，也即“變量的聲明前置”
  • 函數(shù)的聲明前置
    和變量的聲明會前置一樣，函數(shù)聲明同樣會前置，如果我們使用函數(shù)表達式那么規(guī)則和變量一樣，如果我們使用函數(shù)聲明的方式，那么即使函數(shù)寫在最后也可以在前面語句調(diào)用

3.arguments 是什么

arguments 是一個類似數(shù)組的對象, 對應于傳遞給函數(shù)的參數(shù)。
arguments對象是所有函數(shù)中可用的局部變量。你可以使用arguments對象在函數(shù)中引用函數(shù)的參數(shù)。此對象包含傳遞給函數(shù)的每個參數(shù)的條目，第一個條目的索引從0開始。例如，如果一個函數(shù)傳遞了三個參數(shù)，你可以參考它們?nèi)缦拢?/p> 

arguments[0]
arguments[1]
arguments[2]

參數(shù)也可以被設置:

arguments[1] = 'new value';

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

js中沒有重載! 同名函數(shù)會覆蓋。 但可以在函數(shù)體針對不同的參數(shù)調(diào)用執(zhí)行相應的邏輯

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.立即執(zhí)行函數(shù)表達式是什么？有什么作用

( function(){} )() ，( function (){} () )，!function(){}() 是常見的執(zhí)行函數(shù)的寫法，
要在函數(shù)體后面加括號就能立即調(diào)用，則這個函數(shù)必須是函數(shù)表達式，不能是函數(shù)聲明。
這樣可以做到隔離作用域，避免變量污染全局。

6求n!，用遞歸來實現(xiàn)

 function factor(n){
        if(n===1) return 1
        return n * factor(n-1)
    }
    factor(5);

7.以下代碼輸出什么？

Paste_Image.png
getInfo('饑人谷', 2, '男');
name:饑人谷；
age:2;
sex:男；
function getInfo(){
0:饑人谷,
1:2,
2:男
}
name valley


getInfo('小谷', 3);
name:小谷；
age:3;
sex:undefined；
function getInfo(){
0:小谷,
1:3,
}
name valley


getInfo('男');
name:男；
age:undefined;
sex:undefined；
function getInfo(){
0:男
}
name valley

8. 寫一個函數(shù)，返回參數(shù)的平方和？

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

9. 如下代碼的輸出？為什么

    console.log(a);// undefined   因為變量聲明提前，var a 還未賦值，所以是undefined 
    var a = 1;
    console.log(b);// b is a  not defined  報錯  因為還未聲明變量b

10. 如下代碼的輸出？為什么

    sayName('world');
    sayAge(10);
    function sayName(name){
        console.log('hello ', name); // hello,world  聲明函數(shù)并賦值為world
    }
    var sayAge = function(age){
        console.log(age); // 報錯  函數(shù)表達式不會被前置  所以在聲明前調(diào)用不起作用，會報錯
    };

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

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


        globalContext={
            AO:{
                X:10
                foo:function(){}
                bar:function(){}
            }
            foo[[scope]]=globalContext AO
            bar[[scope]]=globalContext AO
        }
        fooContext={
            AO:{
            }
            scope:globalContext AO
        }
        barContext={
            AO:{
                x:30
            }
            scope:globalContext AO
        }
        先找fooContext里面AO，沒有x 然后找globalContext AO 找到為10
        所以輸出值為10

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

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

        globalContext={
            AO:{
                x:10
                bar:function                
            }
            bar[[scope]]=globalContext AO
        }   
        barContext={
            AO{
                x:30
                foo:function
            }
            foo[[scope]]=barContext AO
        }
        fooContext={
            AO:{
            }
            foo[[scope]]=barContext AO
        }
        foo()里面沒有x,應該找barContext AO里，里面有x=30，所以打印值為30

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

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

        globalContext={
            AO:{
                x:10
                bar:function                
            }
            bar[[scope]]=globalContext AO
        }   
        barContext={
            AO{
                x:30
                匿名函數(shù):function
            }
            匿名函數(shù)[[scope]]=barContext AO
        }
       
        (function () {  console.log(x) })()，是指立即執(zhí)行此函數(shù)，那么會在他的作用域下找到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
                fn:function
                fn3:function                
            }
            fn[[scope]]=globalContext AO
            fn3[[scope]]=globalContext AO
        }   
        fnContext={
            AO{
                a:undefined
                fn2:function
            }
            fn2[[scope]]=fnContext AO
        }
        fn2Context={
            AO{
            }
        }
       fn3Context={
            AO{
            }
        }
      在fn()里面 a開始未定義，先打印undefined 
然后將5賦值給a，所以打印結果為5
然后a++ fnContext AO里的a=6
進入fn3()中，a未定義，進入globalContext AO里找到a為1，打印結果為1，globalContext AO里的a賦值為200，
進入fn2()中，a未定義，進入fnContext AO里找到a為6， 打印結果為6，
fnContext AO里的a賦值為20
退回到fn()中，a為20，打印結果為20
到全局變量中，打印a 為200
所以打印出來的結果分別為 undefined  5  1  6  20  200
最后編輯于 ：
?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點，簡書系信息發(fā)布平臺，僅提供信息存儲服務。

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

  • 1.函數(shù)聲明和函數(shù)表達式有什么區(qū)別 函數(shù)就是一段可以反復調(diào)用的代碼塊。函數(shù)還能接受輸入的參數(shù)，不同的參數(shù)會返回不同...
    徐國軍_plus閱讀 529評論 0贊 0
  • 函數(shù)聲明和函數(shù)表達式有什么區(qū)別？ 函數(shù)聲明和函數(shù)表達式是EMACScript規(guī)定的兩種不同的聲明函數(shù)的方法。1.函...
    LeeoZz閱讀 439評論 0贊 1
  • 函數(shù)聲明和函數(shù)表達式有什么區(qū)別 函數(shù)聲明語法：function functionName(arg0,arg1,ar...
    _Dot912閱讀 659評論 0贊 3
  • 1，函數(shù)聲明和函數(shù)表達式有什么區(qū)別 1、背景介紹 定義函數(shù)的方法主要有三種： 1：函數(shù)聲明(Function De...
    進擊的前端_風笑影閱讀 488評論 0贊 0
  • 1. 函數(shù)聲明和函數(shù)表達式有什么區(qū)別 使用function關鍵字聲明一個函數(shù)時，聲明不必放到調(diào)用的前面。//函數(shù)聲...
    _李祺閱讀 329評論 0贊 0

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