1.下面的代码输出多少？修改代码让 fnArri 输出 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 ++) {
!function(i){
fnArr[i] = function(){
return i;
}
}(i);
}
console.log( fnArr[3]() );
方法二：
var fnArr = [];
for (var i = 0; i < 10; i ++) {
fnArr[i] = function(i){
return function(){
return i;
}
}(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 -=10
}
function getStatus(){
if(speed===0){
console.log('stop')
}else{
console.log('running')
}
}
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);
var a ;
console.log(a);
a = 3;
console.log(a); // 输出1 3 2 ，setTimeout指定的代码都必须等到本次执行的所有代码都执行完毕，才执行。
4.下面这段代码输出结果是? 为什么?
var flag = true;
setTimeout(function(){
flag = false;
},0)
while(flag){}
console.log(flag); //不输出，setTimeout的函数在代码执行完后再执行，且代码中有死循环
5.下面这段代码输出？如何输出delayer: 0, delayer:1...（使用闭包来实现）
for(var i=0;i<5;i++){
setTimeout(function(){
console.log('delayer:' + i );
}, 0);
console.log(i);
} //输出0 1 2 3 4 ，然后5次delayer：5。
闭包实现
for(var i=0;i<5;i++){
setTimeout(function(i){
return function(){
console.log('delayer:' + i );
}
}(i), 0);
console.log(i);
}
立即执行函数实现
for(var i=0;i<5;i++){
!function(i){
setTimeout(function(){
console.log('delayer:' + i );
}, 0)
}(i)
console.log(i);
}
6.如何获取元素的真实宽高
1.获取元素节点
2.window对象的getComputedStyle来获取相应的css属性
var node = document.querySelector('#id')
window.getComputedStyle(node).height/width返回的是相应的宽高，单位为像素.
7.URL 如何编码解码？为什么要编码？
- encodeURL() 和 decodeURL()
encodeURL()对整个URL进行编码，因此除了常见的符号外，对其它一些在网址中有特殊含义的符号，如“; / ? : @ & = + $ , #”，也不进行编码，编码后，它输出符号的utf-8形式，并且在每个字节前加上%。
- encodeURLComponent()和decodeURLComponent()
encodeURLComponent()对URL的组成部分进行个别编码，而不用于对整个URL编码。因此， "; / ? : @ & = + $ , #"，在encodeURIComponent()中会被编码。
为什么要编码：
保留字符： ! * ‘ ( ) ; : @ & = + $ , / ? # [ ]为不安全字符，当他们直接放在Url中的时候，可能会引起解析程序的歧义。
比如说“name1=value1”,其中value1的值是“va&lu=e1”字符串，那么实际在传输过程中就会变成这样“name1=va&lu=e1”。我们的本意是就只有一个键值对，但是服务端会解析成两个键值对，这样就产生了奇异。
为了避免歧义，用安全的字符表示不安全的字符，
8.补全如下函数，判断用户的浏览器类型
function isAndroid(){
return /Android/i.test(navigator.userAgent)
}
funcnction isIphone(){
return /iphone/i.test(navigator.userAgent)
}
function isIpad(){
return /ipad/i.test(navigator.userAgent)
}
function isIOS(){
return /(ipad)|(iphone)/i.test(navigator.userAgent)
}
【个人总结，如有错漏，欢迎指出】
：>
