JavaScript笔试题

1.有关变量作用域的提升

(function(){
    var x = y = 1;
})();
alert(x);
alert(y);

此处思考五分钟。。。。

答案：
undefined
1

解析：

var x = y = 1;等价于y = 1;var x = 1;
此时y为一个全局变量，函数外可以访问。x为一个局部变量，函数外不可以访问。

知识点：
有关变量作用域的提升

2.this指向

var obj = {
    a:1,
    b:function(){
        alert(this.a);
    }
};
var fun = obj.b;
fun();

此处思考五分钟。。。
答案：
弹出undefined

解析：
这里fun()是一个不带任何修饰器的函数调用，所以this指向window

知识点：this的指向

• 谁作为拥有着调用它就指向谁
• bind谁就指向谁
• 没有拥有者直接调用，就指向window
• call/apply谁就是谁，其实bind就是通过call和apply实现的
• 其中2覆盖1

3.原型链原理

var A = {n:4399};
var B = function(){this.n = 9999};
var C = function(){var n = 8888};
B.prototype = A;
C.prototype = A;
var b = new B();
var c = new C();
A.n++;
console.log(b.n);
console.log(c.n);

此处思考五分钟。。。

答案：
9999
4400

解析：
查找b.n时，先找b自身有没有n属性，发现存在n属性，输出自身的n属性为9999，如果没有就回去原型（prototype）上查找
同理，c中没有n属性，只有n局部变量，所以沿着原型链找n属性，所有输出A.n++之后的n为4400

知识点：
原型链原理

4. 短路或

var a = 4399 < 0 || typeof(4399+'');
console.log(a);

此处思考三分钟。。。

答案：
“string”

解析：
短路或。如果第一项是true，则结果为true。如果第一项为false，结果为第二项（第二项不做计算直接返回）

知识点：
短路或

5. let、const

for(let i = 0;i < 12;i++){}
console.log(i);
const a = 12;
a = 13;
console.log(a);
const g = {b:3};
console.log(g.b);
g.b = 12;
console.log(g.b);
let [head,...tail] = [1,2,3,4];
console.log(tail);

思考五分钟。。。

答案：
i not defined
TypeError
3
12
[2,3,4]

解析：
let和var不同，let存在块级作用域，在for循环中声明，循环之外销毁，所以输出i not defined
const声明一个常量无法更改。但是声明一个对象，这个对象的属性是可以更改的，所以第二个TypeError,第三个3，第四个12。

6. Boolean类型转换问题

var x = new Boolean(false);
if(x){
    alert('hi');    
}
var y = Boolean(0);
if(y){
    alert('hello');
}

此处思考五分钟。。。

答案：
hi

解析：
x为Boolean的对象，所有布尔表达式中所有的对象都会被转换为true
y为0进行了显示类型转换，转换成boolean类型，为false。

7. splice()方法

aplice()方法向/从数组中添加/删除项目，然后返回被删除的项目。
该方法会改变原始数组
语法：arrayObject.aplice(index , howmany , items1,….,itemsX)

• index:必需。整数，规定添加/删除项目的位置，可以使用负数可从数组结尾处规定位置。
• howmany:必需。要删除的项目数量。如果设置为0，则不会删除项目。
• item:可选。向数组添加的新项目。

8.JS存在同名函数

js里面没有重载的概念，出现同名函数时，后面的会覆盖前者。

9. Ajax和Flash

1. Ajax的优势：
   - 可搜索性
   - 开放性
   - 费用
   - 易用性
   - 易于开发。
2. Flash的优势：
   - 多媒体处理
   - 兼容性
   - 矢量图形
   - 客户端资源调度
3. Ajax的劣势：
   - 它可能破坏浏览器的后退功能
   - 使用动态页面更新使得用户难于将某个特定的状态保存到收藏夹中 ，不过这些都有相关方法解决。
4. Flash的劣势：
   - 二进制格式
   - 格式私有
   - flash 文件经常会很大，用户第一次使用的时候需要忍耐较长的等待时间
   - 性能问题

10.DOM操作

1. createElement(标签名)：创建一个节点
2. appendChild(节点)：追加一个节点
3. insertBefore(节点，原有节点)：在已有元素前插入
4. removeChild(节点)：删除一个节点

5. 文档碎片可以提高DOM的操作性能

   document.createDocumentFragment()

6. 获取：getAttribute(名称)
7. 设置：setAttribute(名称，值)
8. 删除：removeAttribute(名称)

11.用className选择元素

function getByClass(oParent , sClass){
    var aEle = oParent.getElementsByTagName("*");
    var aResult = [];
    var i = 0;
    for(i = 0;i < aEle.length;i++){
        if(aEle[i].className == sClass){
            aResult.push(aEle[i]);
        }
    }
    return aResult;
}