首页 > 代码库 > 前端开发面试题收集(js部分)
前端开发面试题收集(js部分)
1.问：js中"1"+2+"3"+4 运算结果是？
答：1234
js中，字符串和数值相加，得到的还是字符串，这里的结果1234也是字符串。
2.问：4+3+2+"1" 运算结果是？
答：91 （从左至右的运算，前面是数值相加得到9，再和字符串相加得到91字符串。）
3.问：以下代码中，结果是？
var foo = 1;function bar() { foo = 10; return; function foo() {}}bar();alert(foo);
答：将输出1. (这里访问的是window.foo，而不是bar里面的foo)
4.问：以下代码中，结果是？
function bar() { return foo; foo = 10; function foo() {} var foo = 11;}alert(typeof bar());
答：将输出function.(var foo = 11 虽然定义放在后面，但是变量会提升，所以最后的结果是function)
5.问：以下代码中，结果是？
var x = 3;var foo = { x: 2, baz: { x: 1, bar: function() { return this.x; } }}var go = foo.baz.bar;alert(go()); alert(foo.baz.bar());
答：3,1.
go = foo.baz.bar; go()此时this指向的是widow. window.x的值是3；foo.baz.bar()此时this指向的是baz，baz.x的值是1.
6.问：以下代码中，结果是？
var x = 4, obj = { x: 3, bar: function() { var x = 2; setTimeout(function() { var x = 1; alert(this.x); }, 1000); } };obj.bar();
答：输出4.
setTimeout方法是挂在window对象下的。setTimeout(匿名函数,time),这里的匿名函数形成了一个闭包，从而能访问到外层函数的局部变量。也就是window中的x。(参考）
7.问：以下代码中，结果是？
x = 1;function bar() { this.x = 2; return x;}var foo = new bar();alert(foo.x);
答：输出2.
这里的this指向的是bar的对象实例。
8.问：以下代码中，结果是？
function foo(a) { alert(arguments.length);}foo(1, 2, 3);
答：3.
9.问：以下代码中，结果是？
var foo = function bar() {}; alert(typeof bar);
答：function（答案是undefined，我觉得不对，而且尝试输出后也是function)
10.问：以下代码中，结果是？
var arr = [];arr[0] = ‘a‘;arr[1] = ‘b‘;arr.foo = ‘c‘;alert(arr.length);
答：2, 输出arr的值是["a", "b"]，不是很懂这里的结果。
11.问：以下代码中，结果是？
function foo(a) { arguments[0] = 2; alert(a);}foo(1);
答：2
12.问：以下代码中，结果是？
function foo(){}delete foo.length;alert(typeof foo.length);
答：number；foo.length的值还是0。delete无法删除，参考
13.问：以下代码中，
var name="the window";var object={
name:"my object",
getName: function(){
return this.name;
} }
通过以下调用
object.getName(); (object.getName)();(object.getName = object.getName)()结果是？
答：
第一行的代码，this指向的就是object，所以毫无疑问；第二行代码虽然加上括号，就好像只是在引用一个函数，但this的值得到了维持。因为object.getName和(object.getName)的定义相同。第三行代码，先执行一条赋值语句，然后再调用赋值后的结果。因为这个赋值表达式的值是函数本身，所以this的值不能得到维持，结果就返回the window.
前端开发面试题收集(js部分)