日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

RELATEED CONSULTING
相關(guān)咨詢(xún)
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時(shí)間：8:30-17:00
你可能遇到了下面的問(wèn)題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營(yíng)銷(xiāo)解決方案
2015年十大熱點(diǎn)javascript筆試題你都會(huì)么？

1、考察this

 
 
    
  
  
  1. var length = 10; 
    2.   
  
  2. function fn() { 
    3.   
  
  3.   console.log(this.length); 
    4.   
  
  4. } 
    5.   
  
  5.  
    6.   
  
  6. var obj = { 
    7.   
  
  7.   length: 5, 
    8.   
  
  8.   method: function(fn) { 
    9.   
  
  9.     fn(); 
    10.   
  
  10.     arguments[0](); 
    11.   
  
  11.   } 
    12.   
  
  12. }; 
    13.   
  
  13.  
    14.   
  
  14. obj.method(fn, 1); 
    15.

 輸出：10 2

***次輸出10應(yīng)該沒(méi)有問(wèn)題。我們知道取對(duì)象屬于除了點(diǎn)操作符還可以用中括號(hào)，所以第二次執(zhí)行時(shí)相當(dāng)于arguments調(diào)用方法，this指向arguments，而這里傳了兩個(gè)參數(shù)，故輸出arguments長(zhǎng)度為2。

2、var和函數(shù)的提前聲明

 
 
    
  
  
  1. function fn(a) { 
    2.   
  
  2.   console.log(a);  
    3.   
  
  3.   var a = 2; 
    4.   
  
  4.   function a() {} 
    5.   
  
  5.   console.log(a);  
    6.   
  
  6. } 
    7.   
  
  7.  
    8.   
  
  8. fn(1); 
    9.

 輸出：function a() {} 2

我們知道var和function是會(huì)提前聲明的，而且function是優(yōu)先于var聲明的(如果同時(shí)存在的話(huà))，所以提前聲明后輸出的a是個(gè)function，然后代碼往下執(zhí)行a進(jìn)行重新賦值了，故第二次輸出是2。

3、局部變量和全局變量

 
 
    
  
  
  1. var f = true; 
    2.   
  
  2. if (f === true) { 
    3.   
  
  3.   var a = 10; 
    4.   
  
  4. } 
    5.   
  
  5.  
    6.   
  
  6. function fn() { 
    7.   
  
  7.   var b = 20; 
    8.   
  
  8.   c = 30; 
    9.   
  
  9. } 
    10.   
  
  10.  
    11.   
  
  11. fn(); 
    12.   
  
  12. console.log(a); 
    13.   
  
  13. console.log(b); 
    14.   
  
  14. console.log(c); 
    15.

 輸出：10 報(bào)錯(cuò) 30

這是個(gè)我犯了很久的錯(cuò)誤，很長(zhǎng)一段時(shí)間我都以為{...}內(nèi)的新聲明的變量是局部變量，后來(lái)我才發(fā)現(xiàn)function內(nèi)的新聲明的變量才是局部變量，而沒(méi)有用var聲明的變量在哪里都是全局變量。再次提醒切記只有function(){}內(nèi)新聲明的才能是局部變量，while{...}、if{...}、for(..) 之內(nèi)的都是全局變量(除非本身包含在function內(nèi))。

4、變量隱式聲明 

 
 
    
  
  
  1. var f = true; 
    2.   
  
  2. if (f === true) { 
    3.   
  
  3.   var a = 10; 
    4.   
  
  4. } 
    5.   
  
  5.  
    6.   
  
  6. function fn() { 
    7.   
  
  7.   var b = 20; 
    8.   
  
  8.   c = 30; 
    9.   
  
  9. } 
    10.   
  
  10.  
    11.   
  
  11. fn(); 
    12.   
  
  12. console.log(a); 
    13.   
  
  13. console.log(b); 
    14.   
  
  14. console.log(c); 
    15.

 答案：10

前面我說(shuō)過(guò)function和var會(huì)提前聲明，而其實(shí){...}內(nèi)的變量也會(huì)提前聲明。于是代碼還沒(méi)執(zhí)行前，a變量已經(jīng)被聲明，于是 'a' in window 返回true，a被賦值。

5、給基本類(lèi)型數(shù)據(jù)添加屬性，不報(bào)錯(cuò)，但取值時(shí)是undefined

 
 
    
  
  
  1. var a = 10; 
    2.   
  
  2. a.pro = 10; 
    3.   
  
  3. console.log(a.pro + a); 
    4.   
  
  4.  
    5.   
  
  5. var s = 'hello'; 
    6.   
  
  6. s.pro = 'world'; 
    7.   
  
  7. console.log(s.pro + s); 
    8.

 答案：NaN undefinedhello

給基本類(lèi)型數(shù)據(jù)加屬性不報(bào)錯(cuò)，但是引用的話(huà)返回undefined，10+undefined返回NaN，而undefined和string相加時(shí)轉(zhuǎn)變成了字符串。

6、函數(shù)聲明優(yōu)于變量聲明 

 
 
    
  
  
  1. console.log(typeof fn); 
    2.   
  
  2. function fn() {}; 
    3.   
  
  3. var fn; 
    4.

 答案：function

因?yàn)楹瘮?shù)聲明優(yōu)于變量聲明。我們知道在代碼逐行執(zhí)行前，函數(shù)聲明和變量聲明會(huì)提前進(jìn)行，而函數(shù)聲明又會(huì)優(yōu)于變量聲明，這里的優(yōu)于可以理解為晚于變量聲明后，如果函數(shù)名和變量名相同，函數(shù)聲明就能覆蓋變量聲明。所以以上代碼將函數(shù)聲明和變量聲明調(diào)換順序還是一樣結(jié)果。

7、判斷一個(gè)字符串中出現(xiàn)次數(shù)最多的字符，并統(tǒng)計(jì)次數(shù)

hash table方式：

 
 
    
  
  
  1. var s = 'aaabbbcccaaabbbaaa'; 
    2.   
  
  2. var obj = {}; 
    3.   
  
  3. var maxn = -1; 
    4.   
  
  4. var letter; 
    5.   
  
  5. for(var i = 0; i < s.length; i++) { 
    6.   
  
  6.   if(obj[s[i]]) { 
    7.   
  
  7.     obj[s[i]]++; 
    8.   
  
  8.     if(obj[s[i]] > maxn) { 
    9.   
  
  9.       maxn = obj[s[i]]; 
    10.   
  
  10.       letter = s[i]; 
    11.   
  
  11.     } 
    12.   
  
  12.   } else { 
    13.   
  
  13.     obj[s[i]] = 1; 
    14.   
  
  14.     if(obj[s[i]] > maxn) { 
    15.   
  
  15.       maxn = obj[s[i]]; 
    16.   
  
  16.       letter = s[i]; 
    17.   
  
  17.     } 
    18.   
  
  18.   } 
    19.   
  
  19. } 
    20.   
  
  20.  
    21.   
  
  21. alert(letter + ': ' + maxn); 
    22.

正則方式：

 
 
    
  
  
  1. var s = 'aaabbbcccaaabbbaaabbbbbbbbbb'; 
    2.   
  
  2. var a = s.split(''); 
    3.   
  
  3. a.sort(); 
    4.   
  
  4. s = a.join(''); 
    5.   
  
  5. var pattern = /(\w)\1*/g; 
    6.   
  
  6. var ans = s.match(pattern); 
    7.   
  
  7. ans.sort(function(a, b) { 
    8.   
  
  8.   return a.length < b.length; 
    9.   
  
  9. });; 
    10.   
  
  10. console.log(ans[0][0] + ': ' + ans[0].length); 
    11.

 8、經(jīng)典閉包

 
 
    
  
  
  1.  
    2.   
  
  2.  
    3.   
  
  3.  
    4.   
  
  4.    ***個(gè)鏈接  
     
    5.   
  
  5.    第二個(gè)鏈接  
     
    6.   
  
  6.    第三個(gè)鏈接  
     
    7.   
  
  7.    第四個(gè)鏈接  
     
    8.   
  
  8.  
    9.

 dom污染法：

 
 
    
  
  
  1.  
    2.   
  
  2.  
    3.   
  
  3.  
    4.   
  
  4.    ***個(gè)鏈接  
     
    5.   
  
  5.    第二個(gè)鏈接  
     
    6.   
  
  6.    第三個(gè)鏈接  
     
    7.   
  
  7.    第四個(gè)鏈接  
     
    8.   
  
  8.    
    9.   
  
  9.  
    10.

 閉包：

 
 
    
  
  
  1.  
    2.   
  
  2.  
    3.   
  
  3.  
    4.   
  
  4.    ***個(gè)鏈接  
     
    5.   
  
  5.    第二個(gè)鏈接  
     
    6.   
  
  6.    第三個(gè)鏈接  
     
    7.   
  
  7.    第四個(gè)鏈接  
     
    8.   
  
  8.    
    9.   
  
  9.  
    10.

 9、this

 
 
    
  
  
  1. function JSClass() { 
    2.   
  
  2.   this.m_Text = 'division element'; 
    3.   
  
  3.   this.m_Element = document.createElement('div'); 
    4.   
  
  4.   this.m_Element.innerHTML = this.m_Text; 
    5.   
  
  5.   this.m_Element.addEventListener('click', this.func); 
    6.   
  
  6.   // this.m_Element.onclick = this.func; 
    7.   
  
  7. } 
    8.   
  
  8.  
    9.   
  
  9. JSClass.prototype.Render = function() { 
    10.   
  
  10.   document.body.appendChild(this.m_Element); 
    11.   
  
  11. } 
    12.   
  
  12.  
    13.   
  
  13. JSClass.prototype.func = function() { 
    14.   
  
  14.   alert(this.m_Text); 
    15.   
  
  15. }; 
    16.   
  
  16.  
    17.   
  
  17. var jc = new JSClass(); 
    18.   
  
  18. jc.Render();  // add div 
    19.   
  
  19. jc.func();  // 輸出 division element 
    20.   
  
  20. //click添加的div元素division element會(huì)輸出underfined，為什么？ 
    21.

 答案：division element undefined

***次輸出很好理解，第二次的話(huà)仔細(xì)看，this其實(shí)已經(jīng)指向了this.m_Element，因?yàn)槭莟his.m_Element調(diào)用的addEventListener函數(shù)，所以?xún)?nèi)部的this全指向它了?？梢栽囍由弦恍写athis.m_Element.m_Text = 'hello world'，就會(huì)alert出hello world了。

10、split

請(qǐng)編寫(xiě)一個(gè)JavaScript函數(shù) parseQueryString，它的用途是把URL參數(shù)解析為一個(gè)對(duì)象，如： var url = “http://witmax.cn/index.php?key0=0&key1=1&key2=2″

 
 
    
  
  
  1. function parseQueryString(url) { 
    2.   
  
  2.   var obj = {}; 
    3.   
  
  3.   var a = url.split('?'); 
    4.   
  
  4.   if(a === 1) return obj; 
    5.   
  
  5.   var b = a[1].split('&'); 
    6.   
  
  6.   for(var i = 0, length = b.length; i < length; i++) { 
    7.   
  
  7.     var c = b[i].split('='); 
    8.   
  
  8.     obj[c[0]] = c[1]; 
    9.   
  
  9.   } 
    10.   
  
  10.   return obj; 
    11.   
  
  11. } 
    12.   
  
  12. var url = 'http://witmax.cn/index.php?key0=0&key1=1&key2=2'; 
    13.   
  
  13. var obj = parseQueryString(url); 
    14.   
  
  14. console.log(obj.key0, obj.key1, obj.key2);  // 0 1 2 
    15.


當(dāng)前題目：2015年十大熱點(diǎn)javascript筆試題你都會(huì)么？
文章鏈接：http://www.5511xx.com/article/djpepdo.html