代碼題目

1. 以下代碼輸出什么？ （難度**）

    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('hunger', 28, '男');
    getInfo('hunger', 28);
    getInfo('男');

分析如下

function getInfo(name, age, sex){
    console.log('name:',name);//打印字符串 name,打印參數(shù)name的值
    console.log('age:', age);//打印字符串 age,打印參數(shù) age的值
    console.log('sex:', sex);//打印字符串 sex,打印參數(shù)sex的值
    console.log(arguments);// 打印 arguments對象
    arguments[0] = 'valley';// 把arguments對象的第一個值賦值為 字符串valley
    console.log('name', name);//打印字符串 name,打印參數(shù)name的值
}
getInfo('hunger', 28, '男');
// name:hunger
// age:28
// sex:男
// name:valley
getInfo('hunger', 28);
// name:hunger
// age:28
// sex:undefined
// name:valley
getInfo('男');
// name:男
// age:undefined
// sex:undefined
// name:valley

Paste_Image.png

2 . 寫一個函數(shù)，返回參數(shù)的平方和（難度**）

   function sumOfSquares(){
   }
   sumOfSquares(2,3,4);   // 29
   sumOfSquares(1,3);   // 10

分析

function sumOfSquares(a,b,c){
  if (a === undefined) {//計算之前先進行驗證參數(shù)是否傳入
    a = 0;
  }
  if (b === undefined) {
    b = 0;
  }
  if (c === undefined) {
    c = 0;
  }
var l = a*a;//算平方
var m = b*b;
var n = c*c;
console.log(l+m+n);//計算平方和
}

sumOfSquares(2,3,4);   // 29
sumOfSquares(1,3);   // 10

Paste_Image.png

3 . 如下代碼的輸出？為什么 （難度*）

    console.log(a);
    var a = 1;
    console.log(b);

分析

    var a;//變量提升,此時還是 undefined
    console.log(a);//undefined
    a = 1;
    console.log(b);// b 沒有聲明 b is not defined

//顯示結(jié)果為
//undefined
//b is not defined

4 . 如下代碼的輸出？為什么 （難度*）

    sayName('world');
    sayAge(10);
    function sayName(name){
        console.log('hello ', name);
    }
    var sayAge = function(age){
        console.log(age);
    };

分析

function sayName(name){
    console.log('hello ', name);
}
var sayAge;

sayName('world'); //   hello world
sayAge(10);//在函數(shù)表達式之前sayAge()無法調(diào)用 ,sayAge還是undefined狀態(tài)
var sayAge = function(age){
    console.log(age);
};
sayName('world'); //   hello world

//顯示結(jié)果為
//hello world
//sayAge is not a function

Paste_Image.png

5 . 如下代碼的輸出？為什么 （難度**）

    function fn(){}
    var fn = 3;
    console.log(fn);

分析

function fn(){}
var fn;
fn = 3;
console.log(fn);//3 函數(shù)fn被賦值操作覆蓋掉了
//顯示結(jié)果為
//3

6 . 如下代碼的輸出？為什么 （難度***）

    function fn(fn2){
       console.log(fn2);
       var fn2 = 3;
       console.log(fn2);
       console.log(fn);
       function fn2(){
            console.log('fnnn2');
        }
     }
    fn(10);

分析

function fn(fn2){
    var fn2;//fn2 此時是 undefined 嗎?未必!
           //因為這個位置的fn2的值(也是初始值)由傳入的參數(shù)決定
    function fn2(){
         console.log('fnnn2');
     }
   console.log(fn2);//fn2此時是函數(shù) //打印函數(shù)fn
   fn2 = 3;// fn2被賦值為3 之前的內(nèi)容被3覆蓋掉
   console.log(fn2);//打印3
   console.log(fn);//fn是啥呢?找遍當前作用域沒找到,
                    //最后在上一層作用域找到了,fn個是函數(shù) 打印函數(shù)fn

 }
fn(10);
//顯示結(jié)果為
/*
function fn2(){
console.log('fnnn2');
}
3
 function fn(fn2){
 console.log(fn2);
    var fn2 = 3;
    console.log(fn2);
    console.log(fn);
    function fn2(){
    console.log('fnnn2');
     }
  }
  */

Paste_Image.png

7 . 如下代碼的輸出？為什么 （難度***）

    var fn = 1;
    function fn(fn){
         console.log(fn);
    }
    console.log(fn(fn));

分析

var fn;
function fn(fn){
     console.log(fn);
}
fn = 1;    //函數(shù)fn被覆蓋
console.log(fn(fn));

//顯示結(jié)果為
// fn is not a function

Paste_Image.png

8 . 如下代碼的輸出？為什么 （難度**）

    //作用域
    console.log(j);
    console.log(i);
    for(var i=0; i<10; i++){
        var j = 100;
    }
    console.log(i);
    console.log(j);

分析

var i;
var j;
console.log(j);//undefined
console.log(i);//undefined
for(var i=0; i<10; i++){//只有函數(shù)才能構(gòu)成作用域
    var j = 100;
}// i現(xiàn)在為10
console.log(i);//10
console.log(j);// 100


//顯示結(jié)果為
//undefined
//undefined
//10
//100

Paste_Image.png

9 . 如下代碼的輸出？為什么 （難度****）

    fn();
    var i = 10;
    var fn = 20;
    console.log(i);
    function fn(){
        console.log(i);
        var i = 99;
        fn2();  
        console.log(i);
        function fn2(){
            i = 100;
        }
    }

分析

var i;
var fn;
function fn(){
  var i;//在當前作用域下 i是 undefined
  function fn2(){
      i = 100;
  }
    console.log(i);//打印 i  此時i是 undefined
    i = 99;// i被賦值為99
    fn2();  //調(diào)用函數(shù)fn2() i被賦值為100
    console.log(i);  //100
}
fn();
i = 10;//i被賦值為10
fn = 20;//fn被賦值為20
console.log(i);// 10

//顯示結(jié)果為
// undefined
//100
//10

Paste_Image.png

10 . 如下代碼的輸出？為什么 （難度*****）

    var say = 0;
    (function say(n){
        console.log(n);
        if(n<3) return;
        say(n-1);
    }( 10 ));
    console.log(say);

分析

var say;
say = 0;
(
  function say(n){
    var n;
    console.log(n);//打印n 此時n 的值是參數(shù)傳入值

    if(n<3) return;

    say(n-1);
}( 10 )
);//立即執(zhí)行函數(shù)內(nèi)的東西都是封閉的,對外界環(huán)境沒有影響
// 10
//  9
//  8
//  7
//  6
//  5
//  4
//  3
//  2

console.log(say);//

//顯示結(jié)果為
// 10 9 8 7 6 5 4 3 2 0

Paste_Image.png