常见js笔试面试题

常见js笔试面试题

js基础知识

1. javascript typeof返会的数据类型有哪些

object,string,undefined,number,function,boolean

基本数据类型：
string,number,boolean,undefined,null

2. 列举三种强制类型转换和两种隐式类型转换

parseInt(),parseFloat(),Number()
==,!!

3. 数组相关集合

3.1. 创建数组方法

var array = new Array()
var array = []

Array.of(1,2) //[1,2]
这是es6新增的一个Array方法，创建一个具有可变数量参数的新数组实例，而不考虑参数的数量或类型。
（感谢 haru 的宝贵建议）

4. 判断是否为数组的方法

• console.log(arr instanceof Array)

• console.log(arr.construct === Array)

• console.log(Array.isArray(arr))

5. pop(),push(),unshift(),shift()

• pop()尾部删除

• push()尾部插入

• unshift()头部插入

• shift()头部删除

6. DOM0 DOM2

dom0级

• 不支持添加多个事件，后面的会覆盖前面的

• 无法取消

var btn = document.getElementById("button");
btn.onclick = function(){
    alert(1);
}
btn.onclick = function(){
    alert(2);
}       //只弹出2

dom2

• 可以添加多个事件

• 不兼容低版本IE

• 支持事件冒泡，事件捕获

var btn = document.getElementById("button");
btn.addEventListener("click",function(){
    alert("1");
})
btn.addEventListener("click",function(){
    alert("2");
})              //先弹出1，再弹出2

7. IE和DOM事件流的区别

• 执行顺序不一样

• 参数不一样 低版本ie没有回调函数，只能进行冒泡

• 第一个参数是否加"on",低版本IE不支持addEventListener(),支持attachEvent,第一个参数需要加"on"

• this指向问题，IE指向windows,不指向触发的函数

8. IE标准下有哪些兼容性写法

var ev = ev||window.event

document.documentElement.clientWidth||document.body.clientWidth

var target = ev.srcElement||ev.target

9. call apply bind

改变this的指向，
其中call的写法

function add(a,b)  
{  
    alert(a+b);  
}  
function sub(a,b)  
{  
    alert(a-b);  
}  
  
add.call(sub,3,1);   

这个例子中的意思就是用 add 来替换 sub，add.call(sub,3,1) == add(3,1) ，所以运行结果为：alert(4); // 注意：js 中的函数其实是对象，函数名是对 Function 对象的引用。
apply写法

function add(a,b)  
{  
    alert(a+b);  
}  
function sub(a,b)  
{  
    alert(a-b);  
}  
add.apply(sub,[4,2]);　

不同就在于第二个参数，apply写成数组

bind写法
function add(a,b) 
{

alert(a+b);

} 
function sub(a,b) 
{