JS笔考试试题目教学课件.docxVIP

1、使用typeof bar === object 判断 bar 是不是一个对象有神马潜在的弊端？如何避免这种弊端？使用typeof的弊端是显而易见的(这种弊端同使用instanceof)：123456let obj = {};let arr = [];?console.log(typeofobj === object); //trueconsole.log(typeofarr === object); //trueconsole.log(typeofnull=== object); //true从上面的输出结果可知，typeof bar === object 并不能准确判断 bar 就是一个 Object。可以通过Object.prototype.toString.call(bar) === [object Object] 来避免这种弊端：123456let obj = {};let arr = [];?console.log(Object.prototype.toString.call(obj)); //[object Object]console.log(Object.prototype.toString.call(arr)); //[object Array]console.log(Object.prototype.toString.call(null)); //[object Null]另外，为了珍爱生命，请远离 ==：而 [] === false 是返回 false 的。2、下面的代码会在 console 输出神马？为什么？123456(function(){?vara = b = 3;})();?console.log(a defined? + (typeofa !== undefined)); console.log(b defined? + (typeofb !== undefined));这跟变量作用域有关，输出换成下面的：12console.log(b); //3console,log(typeofa); //undefined拆解一下自执行函数中的变量赋值：b = 3;var a = b;所以 b 成了全局变量，而 a 是自执行函数的一个局部变量。3、下面的代码会在 console 输出神马？为什么？12345678910111213varmyObject = {?foo: bar,?func: function() {?var self = this;?console.log(outer func: this.foo = + this.foo);?console.log(outer func: self.foo = + self.foo);?(function() {?console.log(inner func: this.foo = + this.foo);?console.log(inner func: self.foo = + self.foo);?}());?}};myObject.func();第一个和第二个的输出不难判断，在 ES6 之前，JavaScript 只有函数作用域，所以func中的 IIFE 有自己的独立作用域，并且它能访问到外部作用域中的 self，所以第三个输出会报错，因为 this 在可访问到的作用域内是 undefined，第四个输出是 bar。如果你知道闭包，也很容易解决的：1234(function(test) {?console.log(inner func: this.foo = + test.foo); //bar?console.log(inner func: self.foo = + self.foo);}(self));如果对闭包不熟悉，可以参考本文：从作用域链谈闭包4、将 JavaScript 代码包含在一个函数块中有神马意思呢？为什么要这么做？换句话说，为什么要用立即执行函数表达式（Immediately-Invoked Function Expression）。IIFE 有两个比较经典的使用场景，一是类似于在循环中定时输出数据项，二是类似于JQuery/Node 的插件和模块开发。12345for(vari = 0; i 5; i++) {?setTimeout(function() {?console.log(i); ?}, 1000);}上面的输出并不是你以为的0，1，2，3，4，而输出的全部是5，这时 IIFE 就能有用了：1234567for(vari = 0; i 5; i++) {?(function(i) {?setTimeout(function() {?console.log(i); ?}, 1000);?})(i)}而在J