js笔试题一套（未完待续）

1.下面程序的运行结果是:

function test(x, y, z) {
  alert(test.length);
  alert(arguments.length);
  alert(arguments.callee === test);
  alert(arguments[2]);
}
test(10, 20);

A.2,3,true,0  B.3,3,false,20  C.3,2,true,undefined  D.2,3,false,10

分析：test.length是返回的函数的形参个数，所以为3；

　　  arguments.length返回的是函数调用时的实参个数，所以为2；

　　 arguments.callee:初始值就是正被执行的 Function 对象,用于在函数内部调用自身，特别是函数本身为匿名函数时，要在内部调用自己，那么它就闪亮登场了

　　 arguments对象本身是个由函数调用时传入的实参组成的伪数组，访问单个参数的方式与访问数组元素的方式相同。索引 n 实际上是 arguments 对象的 0…n 属性的其中一个参数。由于调用test时，没有传入第三个参数，所以返回undefined

扩展：谈到arguments，在说说它的另一个应用，刚才谈到arguments.length返回的是函数调用时的实参个数，那么通过判断这个实参个数，我们就可以优雅的模拟实现js的”重载“了

function doAdd() {

  if(arguments.length == 1) {
    alert(arguments[0] + 5);
  } else if(arguments.length == 2) {
    alert(arguments[0] + arguments[1]);
  }
}

doAdd(10);	//输出 "15"
doAdd(40, 20);	//输出 "60"

当只有一个参数时，doAdd() 函数给参数加 5。如果有两个参数，则会把两个参数相加，返回它们的和。所以，doAdd(10) 输出的是 "15"，而 doAdd(40, 20) 输出的是 "60"。

虽然不如重载那么好，不过已足以避开 ECMAScript 的这种限制。

2. 下面程序的运行结果是:

var x = 30;
function test(){
    alert(x);
    var x = 10;
    alert(x);
    x = 20;
    function x() {};
    alert(x);
}
test();

A.30,10,function x(){}  B.undefined,10,20

C. function x(){},10,20  D. 30,10,20 
分析：　　进入test函数，第一个alert(x)返回的是function x(){}，为什么了？这个就要从js的预解析谈起了，进入函数的作用越后，js会首先读取变量和函数的声明，当变量和函数重名时（不管谁先谁后），函数名优先（具体的原因，我将稍后单独写一篇随笔）所以　　　　这个地方x指向了function x(){}。为什么不是外面的x=30了？因为在test函数的作用域里，能够找到x的声明，所以相当于内部x将外部的x给屏蔽了！

　　　　执行第二个alert(x)时，前面一行已经给x赋值为10，所以为10；

执行第三个alert(x)时，变量x已经被赋值为20了，那么function x(){}对x有什么影响了？没有任何影响，因为它就仅仅是个函数声明。所以为20

3. 下面程序的运行结果是:

 function test() {
    var x = 10;
    var y = 20;
    return function () {
        alert([x, y]);
    };
}
var x = 30;
var y = 40;
var temp = test();
temp();

A.30,40  B.10,40  C.10,20  D.30,20

分析： 显示，通过temp此时已经是一个函数了，它相当于   temp = function(){ alert([x,y])}。此时关键是看x,y的值了，到底是指向test函数里里面的值了还是外面。

此处又涉及到了 闭包，即test内部的x,y没有释放，原因就是alert([x，y])引用了它，所以答案是 C

4. 1), 2) ,3)的运行结果分别是:

1) false == 0

2) "5" + 3

3)"5" + {
    toString: function(){return this;},
    valueOf: function(){return "valueOf";}
 }

A.true,"8","5this"         B.false,8,"5valueOf"

C.true,"53","5valueOf"     D.fasle,"53","5[object Objetc]" 
分析：1中为true,因为==会执行一个类型自动转化，Number(false)的值为0，Boolean(0)的值为false;

2,“+”此时是做为链接符号存在的。ECMAScript262中规定，首先对"+"前后的两个表达式进行求值，即调用valueof方法。再调用typeof对他们的类型进行判断，如果有一个类型为string的则都将转化为string。所以后面的3会被转化为string类型。如果此处为“-”,则答案为2，会将前面的“5”转化为number类型
         3,在2中已经说到，“+”后面的对象，首先会调用valueOf(),所以后面的对象的求值结果为“valueOf”,也是字符串。最后直接连接在一起。

5. 1), 2)的运行结果是:

1)

var test = {x: 10};

var temp = {
  x: 20,
  do: function (){ alert(this.x);}
};

temp.do();

test.do = temp.do;

test.do();

2)

var test = {
  x: 10,
  do: function (){ alert(this.x);}
};

var temp = test.do;

temp();

A.20,20,10  B.10,20,undefined  C.20,10.undefined  D.20,10,10

 

6. 下面程序的运行结果是:

function A(){}

A.prototype.x = 10;

var a1 = new A();

A.prototype = { x:20, y:30 };

var a2 = new A();

alert(a1.x)

alert(a1.y)

alert(a2.x)

alert(a2.y)

A.20,30,20,30  B.10,undefined,10,undefined  C.10,undefined,20,30  D.10,30,20,30

7.如何阻止事件起泡?如何阻止事件默认行为?

8.列举几个常用的事件对象属性

9.举几个常用dom元素的属性和方法

10.块级元素有哪些?内联元素有哪些?块级元素与内联元素区别 

11.ie各版本css hack

12 . jQuery中$函数有几种用法

13. 如何从jQuery对象中得到匹配到的dom对象

14. jQuery中event.stopImmediatePropagation()方法作用

15. 检测一个变量是否是string类型 

16. 请写出一个正则表达式，验证以下数列：

有一个字符串：1,2,3,4,5,6,7,8,9,10,11,12 ， 规律是一个数字后面跟一个逗号，最后一个数字后面没有逗号，并且数字只能是1到12中的任意一个

 17.实现一个insertAfter方法