web前端--面试题

Posted 2020-10-11

1.border在没有指定颜色时，默认使用哪个颜色？

答案：border在没有指定颜色时 如果指定了color 则继承color的颜色 否则 rgb(0,0,0)

2.iphone6的device-width是多少 

答案：375px

3.es6中的箭头函数中的this与普通函数中的this的区别？

答案：

普通函数中的this

　　1.this总是代表它的直接调用者

　　　　对象中的this指向 对象

　　　　函数中的this指向window

　　　　事件中的this指向dom

　　2.在默认情况下（非严格模式下，未使用use strict）没找到直接的调用者，this指向window

　　3.在严格模式下没有直接调用者的函数中的this指向window

　　4.使用call apply bind绑定时，this指向的是绑定的对象。

　　**全局变量挂载到window对象下

　　**在普通函数中this指向它的直接调用者，如果找不到调用者则是window

 　  **我们常见的window的属性和方法有: alert, location,document,parseInt,setTimeout,setInterval等,window的属性默认可以省略window前缀!

　　11.function test(){

　　　　console.log(this)

　　}

　　test()

　　结果是window

　　原因：test()是一个全局函数，也就是说是挂在window对象下的，所以test()等价于window.test() 所以此时的this指向window

　　22.

1.  var obj = {
2.    say: function () {
3.      setTimeout(function () {
4.        console.log(this)
5.      });
6.    }
7.  }
8.  obj.say();

　　结果是window  

　　匿名函数，定时器中的函数，由于没有默认的宿主对象，所以默认this指向window

箭头函数中的this

　　　默认指向在定义它时，它所处的对象，而不是执行时的对象，可能是window