课程咨询 :0571-56028670 QQ:1871770498

杭州达内web培训

  • 2015年10个热点javascript笔试题

    发布:杭州web培训      来源:慕课社区      时间:2015-12-03


  • 1、考察this

    var length = 10;
    function fn() {
      console.log(this.length);
    }

    var obj = {
      length: 5,
      method: function(fn) {
        fn();
        arguments[0]();
      }
    };

    obj.method(fn, 1); 

    输出:10 2

    2、var和函数的提前声明

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

    fn(1);

    输出:function a() {} 2

    3、局部变量和全局变量

    var f = true;
    if (f === true) {
      var a = 10;
    }

    function fn() {
      var b = 20;
      c = 30;
    }

    fn();
    console.log(a);
    console.log(b);
    console.log(c);

    输出:10 报错 30

    4、变量隐式声明

    if('a' in window) {
      var a = 10;
    }

    alert(a);

    答案:10

    5、给基本类型数据添加属性,不报错,但取值时是undefined

    var a = 10;
    a.pro = 10;
    console.log(a.pro + a);

    var s = 'hello';
    s.pro = 'world';
    console.log(s.pro + s);

    答案:NaN undefinedhello

    6、函数声明优于变量声明

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

    答案:function

    7、判断一个字符串中出现次数多的字符,并统计次数

    hash table方式: 

    var s = 'aaabbbcccaaabbbaaa';
    var obj = {};
    var maxn = -1;
    var letter;
    for(var i = 0; i < s.length; i++) {
      if(obj[s[i]]) {
        obj[s[i]]++;
        if(obj[s[i]] > maxn) {
          maxn = obj[s[i]];
          letter = s[i];
        }
      } else {
        obj[s[i]] = 1;
        if(obj[s[i]] > maxn) {
          maxn = obj[s[i]];
          letter = s[i];
        }
      }
    }

    alert(letter + ': ' + maxn);

    正则方式:

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

    8、经典闭包

    <!-- 实现一段脚本,使得点击对应链接alert出相应的编号 -->
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <body>
      <a href='#'> 第一个链接 </a> </br>
      <a href='#'> 第二个链接 </a> </br>
      <a href='#'> 第三个链接 </a> </br>
      <a href='#'> 第四个链接 </a> </br>
    </body>

    dom污染法:

    <!-- 实现一段脚本,使得点击对应链接alert出相应的编号 -->
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <body>
      <a href='#'> 第一个链接 </a> </br>
      <a href='#'> 第二个链接 </a> </br>
      <a href='#'> 第三个链接 </a> </br>
      <a href='#'> 第四个链接 </a> </br>
      <script type="text/javascript">
        var lis = document.links;
        for(var i = 0, length = lis.length; i < length; i++) {
          lis[i].index = i;
          lis[i].onclick = function() {
            alert(this.index);
          };
        }
      </script>
    </body>

    闭包:

    <!-- 实现一段脚本,使得点击对应链接alert出相应的编号 -->
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <body>
      <a href='#'> 第一个链接 </a> </br>
      <a href='#'> 第二个链接 </a> </br>
      <a href='#'> 第三个链接 </a> </br>
      <a href='#'> 第四个链接 </a> </br>
      <script type="text/javascript">
        var lis = document.links;
        for(var i = 0, length = lis.length; i < length; i++) {
          (function(i) {
            lis[i].onclick = function() {
              alert(i + 1);
            };
          })(i);
        }
      </script>
    </body>

    9、this

    function JSClass() {
      this.m_Text = 'division element';
      this.m_Element = document.createElement('div');
      this.m_Element.innerHTML = this.m_Text;
      this.m_Element.addEventListener('click', this.func);
      // this.m_Element.onclick = this.func;
    }

    JSClass.prototype.Render = function() {
      document.body.appendChild(this.m_Element);
    }

    JSClass.prototype.func = function() {
      alert(this.m_Text);
    };

    var jc = new JSClass();
    jc.Render();  // add div
    jc.func();  // 输出 division element
    //

    click添加的div元素division element会输出underfined,为什么?

    答案:division element undefined

    10、split

        请编写一个JavaScript函数 parseQueryString,它的用途是把URL参数解析为一个对象,如: var url = “http://witmax.cn/index.php?key0=0&key1=1&key2=2″

    function parseQueryString(url) {
      var obj = {};
      var a = url.split('?');
      if(a.length === 1) return obj;
      var b = a[1].split('&');
      for(var i = 0, length = b.length; i < length; i++) {
        var c = b[i].split('=');
        obj[c[0]] = c[1];
      }
      return obj;
    }
    var url = 'http://witmax.cn/index.php?key0=0&key1=1&key2=2';
    var obj = parseQueryString(url);
    console.log(obj.key0, obj.key1, obj.key2);  // 0 1 2 


上一篇:雅虎web笔试题

下一篇:10个常见的 HTML5 面试题及答案

新开班日期  |  更多

WEB前端就业班

WEB前端就业班

开班日期:每月底

WEB前端业余班

WEB前端业余班

开班日期:每月底

WEB零基础周末班

WEB零基础周末班

开班日期:每月底

WEB零基础全日制班

WEB零基础全日制班

开班日期:每月底

  • 地址:杭州市西湖区教工路6-8号求是大厦十层
  • 课程培训电话:0571-56028670 QQ:1871770498     全国服务监督电话:400-111-8989
  • 服务邮箱 tousu@tedu.cn
  • 2002-2018 达内时代科技集团有限公司 版权所有 京ICP证8000853号-56