题目1: 下面的代码输出多少？修改代码让 fnArri 输出 i。使用 两种以上的方法
var fnArr = [];
for (var i = 0; i < 10; i ++) {
fnArr[i] = function(){
return i;
};
}
console.log( fnArr[3]() ); // 10
方法1：
var fnArr = [];
for (var i = 0; i < 10; i ++) {
var t = function () {
var a = i;
return function () {
return a;
}
}()
fnArr[i] = t
}
console.log( fnArr[3]() );
方法2：
var fnArr = [];
for (var i = 0; i < 10; i ++) {
!function (i) {
fnArr[i] = function(){
return i;
}
}(i)
}
console.log( fnArr[3]() );
题目2： 封装一个汽车对象，可以通过如下方式获取汽车状态
var Car = (function(){
var speed = 0;
function setSpeed(s){
speed = s
}
function accelerate() {
speed += 10;
}
function decelerate() {
if(speed>0){
speed -= 10;
}
}
function getStatus() {
if(speed>0){
console.log('running')
}else {
console.log('stop')
}
}
function getSpeed() {
console.log(speed)
}
return {
setSpeed: setSpeed,
accelerate: accelerate,
decelerate: decelerate,
getStatus: getStatus,
getSpeed: getSpeed
}
})()
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);
var a ;
console.log(a);
a = 3;
console.log(a);
// 输出结果：
// 1 输出的是var a = 1的值，由于变量提升重新声明对值无影响
// 3 输出的是a = 3
// 2 输出的是setTimeout里函数中a=2的值，因为有setTimeout所以会等待其它代码执行完再执行函数。
题目4：下面这段代码输出结果是? 为什么?
var flag = true;
setTimeout(function(){
flag = false;
},0)
while(flag){}
console.log(flag);
//不会输出结果，因为因为有setTimeout所以会等待其它代码执行完再执行当中的函数,while(flag){}中的flag一直为true，不会退出循环。
题目5： 下面这段代码输出？如何输出delayer: 0, delayer:1...（使用闭包来实现）
for(var i=0;i<5;i++){
setTimeout(function(){
console.log('delayer:' + i );
}, 0);
console.log(i);
}
setTimeout中的所有i访问的都是全局的i，而setTimeout的回调函数会在for循环执行完毕后执行所以此时i的值为5
输出：
// 0
// 1
// 2
// 3
// 4
// delayer:5
// delayer:5
// delayer:5
// delayer:5
// delayer:5
修改：
for(var i=0;i<5;i++){
!function (i) {
setTimeout(function(){
console.log('delayer:' + i );
}, 0);
}(i)
}
题目6： 如何获取元素的真实宽高
通过 getComputedStyle （IE 下 currentStyle）获得元素的真实尺寸。
var logo = document.querySelector('#result_logo')
aa = window.getComputedStyle(logo)
aa.height
aa.width
logo宽高
题目7： URL 如何编码解码？为什么要编码？
- 解码：
decodeURIcomponent()
decodeURI
将UTF8编码解码为相应字符 - 编码：
encodeURIComponent()
encodeURI
使用一到四个转义序列来表示字符串中的每个字符的UTF-8编码,
encodeURI和encodeURIComponent的区别在于前者被设计来用于对完整URL进行URL Encode，于是URL中的功能字符，比如&, ?, /, =等等这些并不会被转义；而后者被设计来对一个URL中的值进行转义，会把这些功能字符也进行转义 - 为什么要编码：URL只能使用英文字母、阿拉伯数字和某些标点符号，不能使用其他文字和符号。
题目8： 补全如下函数，判断用户的浏览器类型
ua = window.navigator.userAgent
function isAndroid(){
return ua.search(/Andriod/)>-1 || ua.search(/adr/)>-1
}
function isIphone(){
return ua.search(/iPhone/)>-1
}
function isIpad(){
return ua.search(/iPad/)>-1
}
function isIOS(){
return ua.search(/OS/)>-1
}
