前端笔试题

<script>
      var a = 10;
      function test() {
            a = 100;
            console.log(a);      //100
            console.log(this.a)  //10
            var a;
            console.log(a)       //100
      }      
      test()     

      // 解题思路 ：  变量提升   函数调用模式的this指向window 
</script>

<script>
      for(var i=1; i<10; i++){
            setTimeout(function(){
                  console.log(i)
            },1000)
      }
      // 输出9遍 10 



      for(let i=1; i<10; i++){
            setTimeout(function(){
                  console.log(i)
            },1000)
      }
      // 输出 1，2，3，4，5，6，7，8，9
</script>

<script>
      // 输出结果？
       var arr = [1,3,4,5,65,6]
       arr.forEach( i=>{
             console.log(i);
             if(i==5){
                  return 
             }
       })
      //  输出结果 1,3,4,5,65,6   
</script>

<script>
// 已知有以下数组，请将数组随机乱序
  let arr = [1,2,3,4,5]

// 方法一
  let newArr=[]
  for(let i = 0; i < Infinity; i++){
        if(newArr.length==5){// 如果 newArr 和 arr原始数组的长度一样，跳出循环
            break
        }
        let index = Math.floor( Math.random() * arr.length )   //随机获取数组下标
        newArr.push(arr[index])   // 将随机出来的元素添加到newArr中 
        arr.splice(index,1)       //删除添加过的元素 
  }
  console.log(newArr)

</script>

<script>
// 已知有以下数组，请将数组随机乱序
  let arr = [1,2,3,4,5]

// 方法二
  let newArr=[]
  for(let i = 0; i < arr.length; i++){
        let index = Math.floor( Math.random() * arr.length )   //随机获取数组下标
        newArr.push(arr[index])   // 将随机出来的元素添加到newArr中 
        arr.splice(index,1)       //删除添加过的元素 
  }
  var result = new Set( [ ...arr , ...newArr ] )
  console.log([...result])

</script>

      npm init 和 npm install vue 区别？ 如何安装指定版本的js模块？
      npm init 是初始化项目，使用后会多出一个 package.json 的文件
      npm install vue 是安装vue
      使用 @ 可以指定版本 比如： npm i  jquery@3.0.0 

      全局安装？
      npm install xxx -g  //模块将被下载安装到【全局目录】中

      本地安装？
      npm install xxx //则是将模块下载到当前命令行所在目录

      信息写入？（安装的同时，将信息写入package.json中项目路径中）
      npm install xxx --save
      npm install xxx --save-dev  
      
      --save 将依赖包名称添加到 package.json 文件 dependencies 键下  (发布后依赖的东西)
      --save-dev 则添加到 package.json 文件 devDependencies 键下    (开房时候依赖的东西)

      --save 是你发布之后还依赖的东西
      --save-dev 是你开发时候依赖的东西

      @media 媒体查询
      /* 当屏幕小于等于100px的时候背景色为红色 */
@media screen and (max-width: 100px) {
    .example {background: red;}
}

/* 当屏幕在 200px -- 300px 的时候背景色为绿色 */
@media  screen and (min-width: 200px) and (max-width: 300px) {
    .example {background: green;}
}

 或者使用bootstrap中的媒体查询

<script>

// 测试代码运行时间可以使用 console.time和console.timeEnd 来测试一段代码运行的时间
console.time(‘A‘)
for( let i=1 ; i<100; i++){

}
console.timeEnd(‘A‘)

// 输出结果：    A: 0.007080078125ms
     
</script>

<script>
/*
      arr.push()  arr数组之所以可以调用数组方法， 是因为 arr是Array的实例，可以调用Array.prototype 原型上的方法。push就是Array的方法

      jq源码中：给原型上添加方法
      [‘add‘,‘minus‘].forEach( elem=>{
            Number.prototype[elem] = eval(elem)
      })
*/


      //   5   +   3    -  2       =   6
// 实现 (5).add(3).minus(2) ,使其结果输出为6  
(function(){

      function check(n) {
            n = Number(n)
            return isNaN(n) ? 0 : n ; // 如果是NAN返回0 否则返回n
      }

      // 每一个方法执行完，都要返回Number这个类的实例，这样才可以继续调用Number类原型中的方法（链式写法）
      function add(n=0){
            n = check(n)
            return this + n;   //this指向5 ; 
      }

      function minus(n=0){
            n = check(n)
            return this - n;
      }

      Number.prototype.add=add;  //将add函数添加到原型中
      Number.prototype.minus=minus;//将minus函数添加到原型中

}());
console.log(  (5).add(3).minus(2) ) //  6

  
</script>

function each(arr,callBack) {
      for( let i= 0; i < arr.length; i++){
            let item = arr[i];
            index = i;
            callBack( item , index )
      }
}
each( [1,2,3,4], function( item, index) { } )

      箭头函数和普通函数的区别是什么？ 构造函数可以使用new生成实例，那么箭头函数可以吗？为什么？
箭头函数和普通函数的区别？
      01 箭头函数语法上比普通函数更简洁
      02 箭头函数没有自己的this，它里面的this继承函数所处上下文中的this（箭头函数中的this与外层函数的this一致）
         箭头函数中的this，使用call/apply等任何方式都无法改变this的指向（都和外层函数this一致）
      03 箭头函数中没有 arguments(类数组)
      04 箭头函数不能被new执行（普通函数 可以写成构造函数格式），为什么？因为箭头函数中没有this，箭头函数没有prototype
         箭头函数时没有this，也没有prototype,也没有arguments