0.作用域
考虑以下代码:
1 (function(){ 2 var a = b = 5; 3 })() 4 5 console.log(b)
控制台会打印出什么?
答案
上述代码打印出5
这个问题的陷阱,在立即执行函数表达式中,有两个赋值,但其中变量a使用关键词var来声明。这就意味着a是这个函数的局部变量。与此相反,b被分配了全局作用域。
另一个陷阱,函数没有使用“严格模式”。如果严格模式开启,那么代码会报错“b is not defined”.请记住,如果这是预期的行为,严格模式要求你显式地引用全局作用域。需要这么写:
1 (function(){ 2 "use strict"; 3 var a = window.b = 5; 4 })() 5 6 console.log(b)
1.创建"原生"方法
在String对象上定义一个repeatify函数。这个函数接受一个整数参数,来明确字符串需要重复几次。这个函数要求字符串重复指定的次数。举例:
console.log("hello".repeatify(3));
应该打印出hellohellohello
答案
可行做法如下:
1 String.prototype.repeatify = String.prototype.repeatify || function(times){
2 var str = '';
3 for(var i=0;i<times;i++){
4 str += this;
5 }
6 return str;
7 }
这个问题测试了开发人员对JavaScript中继承及原型属性的知识。这也验证了开发人员是否有能力扩展原生数据类型的功能。
在这里,另一个关键点是,看你怎样避免重写可能已经定义了的方法。这可以通过在定义自己的方法之前,检测方法是否已经存在。
1 String.prototype.repeatify = String.prototype.repeatify || function(times){ 2 /*code here*/ 3 }
2.变量提升
执行以下代码结果是什么?为什么?
1 function test(){ 2 console.log(a); 3 console.log(foo()); 4 5 var a= 1; 6 function foo(){ 7 return 2; 8 } 9 } 10 test();
答案
这段代码的执行结果是undefined和2.
这个结果的原因是,变量和函数都被提升到了函数整体的顶部。因此,当打印变量a时。它虽存在于函数体,但仍然是undefined。换言之,上述代码等同于下面代码:
function test(){ var a; function foo(){ return 2; } console.log(a); console.log(foo()); a=1; } test()
3.在JavaScript中,"this"是如何工作的
以下代码的结果是什么?解释你的答案。
1 var fullname = 'John Doe'; 2 var obj = { 3 fullname:'Colin Ihrig', 4 prop:{ 5 fullname:'Aurelio De Rosa', 6 getFullname:function(){ 7 return this.fullname; 8 } 9 } 10 } 11 console.log(obj.prop.getFullname()); 12 var test = obj.prop.getFullname; 13 console.log(test());
打印结果是:Aurelio De Rosa 和 John Doe 。因为JavaScript中关键字this所引用的是函数上下文,取决于函数是如何调用的,而不是怎么被定义的。
在第一个console.log(),getFullname()是作为obj.prop对象的函数被调用。因此,当前的上下文指代后者,并且函数返回这个对象的fullname属性。但当getFullname()被赋值给test变量时,当前的上下文是全局对象window,这是因为test被隐式地作为全局对象的属性。基于这一点,函数返回window的fullname,第一行代码设置的。
4.call()和apply()
修改前一个问题,让最后一个console.log(test())打印输出Aurelio De Rosa。
这个问题可以应用call()或者apply()方法强制转换上下文环境。
console.log(test.call(obj.prop));
5.闭包
以下代码结果是什么,解释一下。
1 var count = 10; //全局作用域 标记为flag1 2 function add(){ 3 var count = 0; //函数全局作用域 标记为flag2 4 return function(){ 5 count+=1; //函数的内部作用域 6 alert(count) 7 } 8 } 9 var s = add(); 10 s(); 11 s();
第一个s()输出1,第二个s()输出2。
根据作用域链的规则,底层作用域没有声明的变量,会向上一级找,找到就返回,没找到就一直找,直到window的变量,没有就返回undefined.这里明显count是函数内部的flag2的那个count。
定义:当一个函数的返回值是另一个函数,而返回的那个函数如果调用了其父函数内部的其它变量,如果返回的这个函数在外部被执行,就产生了闭包。
表现形式:使函数外部能够调用函数内部定义的变量。
变量的作用域分类:全局变量和局部变量
特点:
1.函数内部可以读取函数外部的全局变量;在函数外部无法读取函数内部的局部变量。
2.函数内部声明变量的时候,一定要使用var命令。如果不用的话,你实际上声明了一个全局变量。
使用闭包注意:
1.滥用闭包,会造成内存泄漏,由于闭包会使得函数中的变量被保持在内存中,内存消耗很大,所以不能滥用闭包,否则会造成网页的性能问题,IE中可能导致内存泄漏。解决方案,退出函数之前,将不使用的局部变量全部删除。
2.会改变父函数的内部变量的值。所以,如果你把父函数当作对象使用,把闭包当作它的公用方法,把内部变量当作它的私有属性,这时一定要小心,不要随便改变父函数内部变量的值。
6.数据类型
考虑如下代码:
1 console.log(typeof null); 2 console.log(typeof {}); 3 console.log(typeof []); 4 console.log(typeof undefined);
答案
考察typeof操作符的知识。很多JavaScript开发人员不知道typeof的一些特性。控制台将显示以下内容:
1 object 2 object 3 object 4 undefined
最令人惊讶的输出结果可能是第三个。大多数开发人员认为typeof()会返回Array。如果你想测试一个变量是否为数组,您可以执行以下测试:
1 var myArray = []; 2 if(myArray instanceof Array){ 3 //do something 4 }
7.事件循环
下面代码运行结果是什么?请解释。
1 function printing(){ 2 console.log(1); 3 setTimeout(function(){console.log(2)},1000); 4 setTimeout(function(){console.log(3)},0); 5 console.log(4); 6 } 7 printing();
答案
输出结果:
1 4 3 2
想知道为什么输出顺序是这样的,你需要了解setTimeout()做了什么,以及浏览器的事件循环原理。浏览器有一个事件循环用于检查事件队列,处理延迟的事件。UI事件(例如,点击,滚动等),Ajax回调,以及提供给setTimeout()和setInterval()的回调都会依次被事件循环处理。因此,当调用setTimeout()函数时,即使延迟的时间被设置为0,提供的回调都会依次被事件循环处理。回调会呆在队列中,直到指定的时间用完后,引擎开始执行动作(如果它在当前不执行其他动作)。因此,即使setTimeout()回调被延迟0毫秒,它仍然会被排队,并且直到函数中其他非延迟的语句被执行完了之后,才会执行。
有了这些认识,理解输出结果为“1”就容易了,因为它是函数的第一句并且没有使用setTimeout()函数来延迟。接着输出“4”,因为它是没有被延迟的数字,也没有进行排队。然后,剩下了“2”,“3”,两者都被排队,但是前者需要等待一秒,后者等待0秒(意味着引擎完成前两个输出之后马上进行)。这就解释了为什么“3”在“2”之前。
8.算法
写一个isPrime()函数,当其为质数时返回true,否则返回false。
答案
首先,因为JavaScript不同于c或者java,因此你不能信任传递来的数据类型。如果面试官没有明确地告诉你,你应该询问他是否需要做输入检查,还是不进行检查直接写函数。严格上说,应该对函数的输入进行检查。
第二点要记住:负数不是质数。同样的,1和0也不是,因此,首先测试这些数字。此外,2是质数中唯一的偶数。没有必要用一个循环来验证4,6,8.再则,如果一个数字不能被2整除,那么它不能被4,6,8等整除。因此,你的循环必须跳过这些数字。如果你测试输入偶数,你的算法将慢2倍。可以采取其他一些更明智的优化手段,这里采用的是适用于大多数情况的。例如,如果一个数字不能被5整除,它也不会被5的倍数整除。所以,没有必要检测10,15,20等。
最后一点,你不需要检查比输入数字的开方还要大的数字。
1 function isPrime(number){ 2 if(typeof number !== 'number' || !Number.isInteger(number)){ 3 return false; 4 } 5 if(number < 2){ 6 return false; 7 } 8 if(number === 2){ 9 return true; 10 }else if(number % 2 === 0){ 11 return false; 12 } 13 14 var squareRoot = Math.sqrt(number); 15 for(var i=3;i<=squareRoot;i+=2){ 16 if(number % i === 0){ 17 return false; 18 } 19 } 20 return true; 21 }
原文:http://www.css88.com/archives/7052