js面试题积累

js相关面试题积累。。

 

1.写出window.foo 的值：

(window.foo || (window.foo = 'bar'));

解:(需注意：先读（）内的值。。)

(window.foo || (window.foo = 'bar'));
console.log(window.foo);
//输出 ： 
// bar

2.使用原生js, addEventListener,给每个li元素绑定一个click事件，并输出他们的顺序

<style>
    * {
    
      margin: 0;
      padding: 0;
    }
    li {
    
      list-style: none;
      background: green;
      height: 40px;
    }
    li:nth-child(2n) {
    
      background: red
    }
  </style>
  <ul>
    <li>a</li>
    <li>a</li>
    <li>a</li>
    <li>a</li>
  </ul>
  <script>
    function test() {
    
      var liCollection = document.getElementsByTagName('li');
      for (var i = 0; i < liCollection.length; i++) {
    
        (function (i) {
    
          liCollection[i].addEventListener('click', function () {
    
            console.log(i);
          }, false