自拍偷在线精品自拍偷,亚洲欧美中文日韩v在线观看不卡

2015年十大熱點(diǎn)javascript筆試題你都會(huì)么？

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

[[130493]]

1、考察this 

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

 輸出：10 2

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

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

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

 輸出：function a() {} 2

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

3、局部變量和全局變量

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

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

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

4、變量隱式聲明 

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

 答案：10

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

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

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

 答案：NaN undefinedhello

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

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

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

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

正則方式： 

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

 8、經(jīng)典閉包

  1. <!-- 實(shí)現(xiàn)一段腳本，使得點(diǎn)擊對(duì)應(yīng)鏈接alert出相應(yīng)的編號(hào) --> 
  2. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
  3. <body> 
  4.   <a href='#'> ***個(gè)鏈接 </a> </br> 
  5.   <a href='#'> 第二個(gè)鏈接 </a> </br> 
  6.   <a href='#'> 第三個(gè)鏈接 </a> </br> 
  7.   <a href='#'> 第四個(gè)鏈接 </a> </br> 
  8. </body> 

 dom污染法：

  1. <!-- 實(shí)現(xiàn)一段腳本，使得點(diǎn)擊對(duì)應(yīng)鏈接alert出相應(yīng)的編號(hào) --> 
  2. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
  3. <body> 
  4.   <a href='#'> ***個(gè)鏈接 </a> </br> 
  5.   <a href='#'> 第二個(gè)鏈接 </a> </br> 
  6.   <a href='#'> 第三個(gè)鏈接 </a> </br> 
  7.   <a href='#'> 第四個(gè)鏈接 </a> </br> 
  8.   <script type="text/javascript"> 
  9.     var lis = document.links; 
  10.     for(var i = 0, length = lis.length; i < length; i++) { 
  11.       lis[i].index = i; 
  12.       lis[i].onclick = function() { 
  13.         alert(this.index); 
  14.       }; 
  15.     } 
  16.   </script> 
  17. </body> 

 閉包：

  1. <!-- 實(shí)現(xiàn)一段腳本，使得點(diǎn)擊對(duì)應(yīng)鏈接alert出相應(yīng)的編號(hào) --> 
  2. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
  3. <body> 
  4.   <a href='#'> ***個(gè)鏈接 </a> </br> 
  5.   <a href='#'> 第二個(gè)鏈接 </a> </br> 
  6.   <a href='#'> 第三個(gè)鏈接 </a> </br> 
  7.   <a href='#'> 第四個(gè)鏈接 </a> </br> 
  8.   <script type="text/javascript"> 
  9.     var lis = document.links; 
  10.     for(var i = 0, length = lis.length; i < length; i++) { 
  11.       (function(i) { 
  12.         lis[i].onclick = function() { 
  13.           alert(i + 1); 
  14.         }; 
  15.       })(i);  
  16.     } 
  17.   </script> 
  18. </body> 

 9、this

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

 答案：division element undefined

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

10、split

請(qǐng)編寫一個(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.   var obj = {}; 
  3.   var a = url.split('?'); 
  4.   if(a === 1) return obj; 
  5.   var b = a[1].split('&'); 
  6.   for(var i = 0, length = b.length; i < length; i++) { 
  7.     var c = b[i].split('='); 
  8.     obj[c[0]] = c[1]; 
  9.   } 
  10.   return obj; 
  11. } 
  12. var url = 'http://witmax.cn/index.php?key0=0&key1=1&key2=2'; 
  13. var obj = parseQueryString(url); 
  14. console.log(obj.key0, obj.key1, obj.key2);  // 0 1 2 

 

 
責(zé)任編輯：王雪燕 來源： 博客園
javascriptjavascript筆試題
相關(guān)推薦

2016-01-05 16:37:40

2010-12-21 09:27:52

2010開源

2014-01-13 09:58:14

大佬預(yù)測(cè)2014

2020-01-13 12:00:06

AI 數(shù)據(jù)人工智能

2022-12-14 15:46:24

2018-07-06 06:17:51

2010-12-16 09:48:20

云計(jì)算

2015-12-22 10:03:00

開源Apache Spar開源項(xiàng)目

2015-10-20 16:47:30

2010-07-27 13:11:42

云操作系統(tǒng)

2017-04-11 14:36:35

互聯(lián)網(wǎng)

2020-05-25 15:54:58

JavaScript框架開發(fā)

2020-12-24 09:50:41

熱點(diǎn)新聞智慧城市Covid-19

2015-07-23 09:33:47

熱門編程語言人氣

2015-12-31 16:02:41

物聯(lián)網(wǎng)SDN白盒

2015-09-24 15:45:47

Gartne技術(shù)趨勢(shì)

2019-08-08 16:54:08

GitHubJavaScript編程語言

2017-12-28 11:21:33

2020-08-05 10:13:14

JavaScript庫開發(fā)

2015-02-27 10:25:31

無線
點(diǎn)贊
收藏

51CTO技術(shù)棧公眾號(hào)