JavaScript经典面试题系列

1.javascript的typeof返回哪些数据类型
　　Object number function boolean underfind

2.例举3种强制类型转换和2种隐式类型转换?
　　强制（parseInt,parseFloat,number）
　　隐式（== – ===）

3.split() join() 的区别
　　前者是切割成数组的形式，后者是将数组转换成字符串

4.数组方法pop() push() unshift() shift()
　　Push()尾部添加 pop()尾部删除
　　Unshift()头部添加 shift()头部删除

5.事件绑定和普通事件有什么区别

　　事件绑定就是针对dom元素的事件，绑定在dom元素上，普通事件即为非针对dom元素的事件、普通添加事件的方法不支持添加多个事件，最下面的事件会覆盖上面的，而事件绑定（addEventListener）方式添加事件可以添加多个。

　　提示：addEventListener不兼容低版本IE，使用addEventListener添加事件之前，请先处理兼容问题。

普通添加事件的方法：

var btn = document.getElementById("hello");
btn.onclick = function(){
    alert(1);
}
btn.onclick = function(){
    alert(2);
}

 

执行上面的代码只会alert 2 

事件绑定方式添加事件：

var btn = document.getElementById("hello");
btn.addEventListener("click",function(){
    alert(1);
},false);
btn.addEventListener("click",function(){
    alert(2);
},false);

执行上面的代码会先alert 1 再 alert 2

6.IE和DOM事件流的区别
　　1.执行顺序不一样、
　　2.参数不一样
　　3.事件加不加on
　　4.this指向问题

7.IE和标准下有哪些兼容性的写法
　　Var ev = ev || window.event
　　document.documentElement.clientWidth || document.body.clientWidth
　　Var target = ev.srcElement||ev.target

8.ajax请求的时候get 和post方式的区别
　　一个在url后面 一个放在虚拟载体里面
　　有大小限制
　　安全问题
　　应用不同 一个是论坛等只需要请求的，一个是类似修改密码的

9.call和apply的区别
　　Object.call(this,obj1,obj2,obj3)
　　Object.apply(this,arguments)

10.ajax请求时，如何解释json数据
　　使用eval parse 鉴于安全性考虑 使用parse更靠谱
　　11.b继承a的方法

12.写一个获取非行间样式的函数

方法1：

function getStyle(obj, attr, value) {
    if (!value) {
        if (obj.currentStyle) {
            return obj.currentStyle(attr)
        }
        else {
            obj.getComputedStyle(attr, false)
        }
    }
    else {
        obj.style[attr] = value
    }
}

方法2

function getStyle(obj, attr) {
    return obj.currentStyle ? obj.currentStyle : getComputedStyle(obj)[attr];
}

 

13.事件委托是什么
　　让利用事件冒泡的原理，让自己的所触发的事件，让他的父元素代替执行！
　　
14.闭包是什么，有什么特性，对页面有什么影响
　　闭包就是能够读取其他函数内部变量的函数。一个拥有许多变量和绑定了这些变量的环境的表达式（通常是一个函数），因而这些变量也是该表达式的一部分。闭包的特点：

 

　　1. 作为一个函数变量的一个引用，当函数返回时，其处于激活状态。

 

　　2. 一个闭包就是当一个函数返回时，一个没有释放资源的栈区。

 

　　简单的说，Javascript允许使用内部函数---即函数定义和函数表达式位于另一个函数的函数体内。而且，这些内部函数可以访问它们所在的外部函数中声明的所有局部变量、参数和声明的其他内部函数。当其中一个这样的内部函数在包含它们的外部函数之外被调用时，就会形成闭包。

(function(x, y){
    alert(x + y);  
})(2, 3);

 

15.如何阻止事件冒泡和默认事件
　　canceBubble return false

16.添加 删除 替换 插入到某个接点的方法
　　obj.appendChidl()
　　obj.innersetBefore
　　obj.replaceChild
　　obj.removeChild

17.解释jsonp的原理，以及为什么不是真正的ajax
　　动态创建script标签，回调函数
　　Ajax是页面无刷新请求数据操作

18.javascript的本地对象，内置对象和宿主对象
　　本地对象为array obj regexp等可以new实例化
　　内置对象为gload Math 等不可以实例化的
　　宿主为浏览器自带的document,window 等

19.document load 和document ready的区别
　　Document.onload 是在结构和样式加载完才执行js
　　Document.ready原生种没有这个方法，jquery中有 $().ready(function)

20.”==”和“===”的不同

　　”==”与”===”是不同的,一个是判断值是否相等,一个是判断值及类型是否完全相等。前者会自动转换类型，后者不会。

　　先说 ===，这个比较简单。下面的规则用来判断两个值是否===相等： 
　　　　1、如果类型不同，就[不相等] 
　　　　2、如果两个都是数值，并且是同一个值，那么[相等]；(！例外)的是，如果其中至少一个是NaN，那么[不相等]。（判断一个值是否是NaN，只能用isNaN()来判断） 
　　　　3、如果两个都是字符串，每个位置的字符都一样，那么[相等]；否则[不相等]。 
　　　　4、如果两个值都是true，或者都是false，那么[相等]。 
　　　　5、如果两个值都引用同一个对象或函数，那么[相等]；否则[不相等]。 
　　　　6、如果两个值都是null，或者都是undefined，那么[相等]。 
　　再说 ==，根据以下规则： 
　　　　1、如果两个值类型相同，进行 === 比较。 
　　　　2、如果两个值类型不同，他们可能相等。根据下面规则进行类型转换再比较： 
　　　　a、如果一个是null、一个是undefined，那么[相等]。 
　　　　b、如果一个是字符串，一个是数值，把字符串转换成数值再进行比较。 
　　　　c、如果任一值是 true，把它转换成 1 再比较；如果任一值是 false，把它转换成 0 再比较。 
　　　　d、如果一个是对象，另一个是数值或字符串，把对象转换成基础类型的值再比较。对象转换成基础类型，利用它的toString或者valueOf方法。js核心内置类，会尝试valueOf先于toString；例外的是Date，Date利用的是toString转换。
　　　　e、任何其他组合，都[不相等]。 

　　举例： 
　　　　"1" == true 
　　　　类型不等，true会先转换成数值 1，现在变成 "1" == 1，再把"1"转换成 1，比较 1 == 1， 相等。 

　　= 赋值运算符 
　　== 等于 
　　=== 严格等于 
　　例： 
　　　　var a = 3; 
　　　　var b = "3"; 
　　　　a==b 返回 true 
　　　　a===b 返回 false 
　　　　因为a,b的类型不一样 
　　　　===用来进行严格的比较判断

简而言之就是“==”只要求值相等。“===”要求值和类型都相等。

 

 

21.javascript的同源策略
　　一段脚本只能读取来自于同一来源的窗口和文档的属性，这里的同一来源指的是主机名、协议和端口号的组合

22.编写一个数组去重的方法

 

        window.onload = function () {
            var arr = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 0, 1, 2, 3, 4, 5, 6, 7, 8, 9];
            for (var i = 0; i < arr.length; i++) {
                for (var j = i+1; j < arr.length; j++) {
                    if (arr[i] == arr[j]) {
                        arr.splice(j, 1);
                        j--;
                    }
                }
            }
            alert(arr);
        }

 

23.编写一个数组从大到小的排序方法

//数组排序，从大到小,方法1:
        var arrSimple=new Array(1,8,7,6);
        arrSimple.sort();
        document.write(arrSimple.join());    
        
        //数组排序，从大到小,方法2:
        var arrSimple2=new Array(1,8,7,6);
        arrSimple2.sort(function(a,b){
            return b-a;
        });
        document.write(arrSimple2.join());
  
//解释：a,b表示数组中的任意两个元素，若return > 0 b前a后；reutrn < 0 a前b后；a=b时存在浏览器兼容简化一下：a-b输出从小到大排序，b-a输出从大到小排序。
    

24.如何交换两个数的位置

var a=10;
var b=20;
a= a+b;//30
b= a-b;//10
a= a-b;//20
alert('a:'+a + 'b:'+b);