web前端面試題整理（程式篇）

標籤：function   dex   停止   .com   cli   參數   call   self   bsp   

 

1. var obj = {a : 1}; (function (obj) { obj = {a : 2}; })(obj);       //問obj的值會改變嗎？

var obj = {a : 1};

(function (obj) {

    obj = {a : 2};

})(obj);

//問obj的值會改變嗎？

外部的obj不變.
因為匿名函數中obj傳入參數等於是建立了一個局部變數obj, 裡面的obj指向了一個新的對象 . 如果改成(function () { obj = {a : 2};})(obj);  就會改變了


2. var obj = {a:1,  func: function() { (function () { a=2; }(); }} ;obj.func()       //obj中a的值會改變嗎? 匿名函數裡的this指向的是什麼?

var obj = {

    a:1, 

    func: function() {

        (function () {

           a=2;

        }();

    }

} ;

obj.func();

//obj中a的值會改變嗎? 匿名函數裡的this指向的是什麼?

obj裡的a不會變. 匿名函數裡的this指向全域對象window.  這等於是給window加了一個名為a的屬性
要改變obj中a的值 , 應當:

(function() {

    this.a = 2

}).call(this);

(function() {

    this.a = 2

}).call(this);

或者obj中定義

func: function() {

    var self = this;

    (function(){

        self.a=2;

})();}

3. 要實現函數內每隔5秒調用自己這個函數，100次以後停止，怎麼辦?

(function(){

         var index = 0;

         function fn(){

                  if(index < 100){

                      index++;

                      setTimeout(function(){

                               fn();

                           },5000);        

              }

         }

         fn();

})();

4. 點擊一個ul的五個li元素，分別彈出他們的序號，怎麼做？
方法1 :

var oLi =document.getElementsByTagName(‘li‘);

for(var i=0;i<oLis.length; i++){

   oLis[i].onclick = (function(j){

       return function(){

           alert(j);

       }

   })(i);

}

方法2:

var oLi =document.getElementsByTagName(‘li‘);

for(var i=0;i<oLi.length; i++){

   (function(j){

       oLi[j].onclick = function(){

           alert(j);

       };

   })(i);

}

方法3:

var oLi =document.getElementsByTagName(‘li‘);

for(var i=0;i<oLi.length; i++){

   oLi[i].index = i;

   oLi[i].onclick = function(){

       alert(this.index);

   }

}

web前端面試題整理（程式篇）