闭包_定时器_BOM

题目1: 下面的代码输出多少？修改代码让 fnArr[i]() 输出 i。使用 两种以上的方法

var fnArr = []; for (var i = 0; i < 10; i ++) { fnArr[i] = function(){ return i; }; } console.log( fnArr[3]() ); //输出10

//方法一
var fnArr = []; for (var i = 0; i < 10; i ++) { fnArr[i] = (function(i){ return function(){ return i } })(i); } console.log( fnArr[3]());
//方法二
var fnArr = []; for (var i = 0; i < 10; i ++) { (function(j){ fnArr[j] = function(){ return j ; } })(i); } console.log( fnArr[3]());

题目2： 封装一个汽车对象，可以通过如下方式获取汽车状态

var Car = (function(){ var speed = 0; function setSpeed(s){ speed = s } function getSpeed(){ console.log(speed); } function accelerate(){ speed+=10 } function decelerate(){ speed>0?(speed-=10):(speed=0); } function getStatus(){ if(speed>0){ console.log("running") }else if(speed==0){ console.log("stop") } } return { setSpeed: setSpeed, getSpeed: getSpeed, accelerate:accelerate, decelerate:decelerate, getStatus:getStatus, } })() Car.setSpeed(30); Car.getSpeed(); //30 Car.accelerate(); Car.getSpeed(); //40; Car.decelerate(); Car.decelerate(); Car.getSpeed(); //20 Car.getStatus(); // 'running'; Car.decelerate(); Car.decelerate(); Car.getStatus(); //'stop'; //Car.speed; //error

题目3：下面这段代码输出结果是? 为什么?

var a = 1; setTimeout(function(){ a = 2; console.log(a); }, 0);//最后输出2 var a ; console.log(a);//最先输出1 a = 3; console.log(a);//其次输出3

题目4：下面这段代码输出结果是? 为什么?

var flag = true; setTimeout(function(){ flag = false; },0)//等待while执行完毕再执行 while(flag){}//flag一直为true,一直执行 console.log(flag); //不会执行

题目5： 下面这段代码输出？如何输出delayer: 0, delayer:1...（使用闭包来实现）

for(var i=0;i<5;i++){ setTimeout(function(){ console.log('delayer:' + i ); }, 0);//5个delayer: 5 console.log(i);//0,1,2,3,4 }
//使用闭包实现delayer: 0, delayer:1..... for(var i=0;i<5;i++){ !function(i){ setTimeout(function(){ console.log('delayer:' + i ); }, 0); }(i) console.log(i); }

题目6： 如何获取元素的真实宽高

function getStyle (element,key) { return element.currentStyle ? element.currentStyle[key] : window.getComputedStyle(element, null)[key] } //获得<style>标签内样式 console.log( getStyle(element,"width") ) console.log( getStyle(element,"height") ) //获得包含宽高、padding、border console.log(element.offsetWidth); console.log(element.offsetHeight); //获得包含宽高、padding console.log(element.clientWidth); console.log(element.clientHeight);

题目7： URL 如何编码解码？为什么要编码？

• URL的编码/解码方法
  JavaScript提供四个URL的编码/解码方法。
  decodeURI()
  decodeURIComponent()
  encodeURI()
  encodeURIComponent()

区别
encodeURI方法不会对下列字符编码
ASCII字母
数字
~!@#$&*()=:/,;?+'

encodeURIComponent方法不会对下列字符编码
ASCII字母
数字
~!*()'

所以encodeURIComponent比encodeURI编码的范围更大。
实际例子来说，encodeURIComponent会把 http://
编码成 http%3A%2F%2F
而encodeURI却不会。
如果你需要编码整个URL，然后需要使用这个URL，那么用encodeURI。

encodeURI("http://www.cnblogs.com/season-huang/some other thing")

输出"http://www.cnblogs.com/season-huang/some%20other%20thing"

其中，空格被编码成了%20。但是如果你用了encodeURIComponent，那么结果变为

"http%3A%2F%2Fwww.cnblogs.com%2Fseason-huang%2Fsome%20other%20thing"

当你需要编码URL中的参数的时候，那么encodeURIComponent是最好方法。
var param = "http://www.cnblogs.com/season-huang/"; //param为参数
param = encodeURIComponent(param);
var url = "http://www.cnblogs.com?next=" + param;
console.log(url) //"http://www.cnblogs.com?next=http%3A%2F%2Fwww.cnblogs.com%2Fseason-huang%2F"

• 编码原因：一般来说只有字母和数字[0-9a-zA-Z]、一些特殊符号"$-_.+!*'(),"[不包括双引号]、以及某些保留字，才可以不经过编码直接用于URL。如果URL中有汉字，就必须编码后使用。参考关于URL编码

题目8： 补全如下函数，判断用户的浏览器类型

function isAndroid(){ return /Android/.test(navigator.userAgent); } function isIphone(){ return /iPhone/.test(navigator.userAgent); } function isIpad(){ return /iPad/.test(navigator.userAgent); } function isIOS(){ return /(iPad)|(iPhone)/i.test(navigator.userAgent); }