1下面的代码输出多少？修改代码让 fnArr[i]() 输出 i。使用 两种以上的方法
var fnArr = [];
for (var i = 0; i < 10; i ++) {
fnArr[i] = function(){
return i;
};
}
console.log( fnArr[3]() ); //
第一种方法：创建函数
var fnArr = [];
for(var = i; i < 0; i++){
var temp = function(i){
fnArr[i] = function(){
return i;
}
}
temp(i)
}
console.log( fnArr[3]()); //3
第二种方法：立即执行函数
var fnArr = [];
for (var i = 0; i < 10; i++) {
!function(i) {
fnArr[i] = function() {
return i;
}
}(i)
}
console.log(fnArr[3]()); //3
方法三：函数return函数
var fnArr = [];
for (var i = 0; i < 10; i++) {
fnArr[i] = function (i) {
return function () {
return i;
}
}(i);
}
console.log(fnArr[3]());//3
2封装一个汽车对象，可以通过如下方式获取汽车状态
var Car = (function(){
var speed = 0;
function setSpeed(s){ //传入速度
speed = s
}
function getSpeed(){ //获得速度
return speed
}
function accelerate(){ //加速 +20
speed+=10
}
function decelerate(){ //减速 -10
speed>0?speed-=10:speed;
}
function getStatus(){ //判断运行状态 running或者stop
return speed>0?'running':'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);
var a ;
console.log(a);
a = 3;
console.log(a);
//1
//3
//2
可以把代码看成
var a;
var a = 1;
console.log(a);
a = 3;
console.log(a);
setTimeout(function(){
a = 2;
console.log(a);
}, 0);
- 代码依次往下执行，首先看到定时器，即时定时器设置的时间间隔为0，但不会立即执行，还是会有默认的40毫秒左右的时间差，所以这个时候浏览器会先解析完其他的代码，然后看到var a ，a的声明提升并赋值a=1，所以第一个打印是全局中的a，打印出1；
- 接着读到a=3，即给全局中的变量a赋值为3，打印出3；
- 最后执行定时器函数，延时为0，立即执行函数，a = 2改变全局变量a的值，输出变量a，打印出2.
4.下面这段代码输出结果是? 为什么?
var flag = true;
setTimeout(function(){
flag = false;
},0)
while(flag){}
console.log(flag);
// while(flag){}无线循环后面的都不执行
// 因为setTimeout要等到后面的执行后才执行； while(flag){}的flag为true所以while无限循环；co
nsole.log(flag);不执行
5下面这段代码输出？如何输出delayer: 0, delayer:1...（使用闭包来实现）
for(var i=0;i<5;i++){
setTimeout(function(){
console.log('delayer:' + i );
}, 0);
console.log(i);
}
Console Run Clear
//0
//1
//2
//3
//4
//"delayer:5"
//"delayer:5"
//"delayer:5"
//"delayer:5"
//"delayer:5"
代码
for (var i = 0; i < 5; i++) {
!function() {
var j = i;
setTimeout(function() {
console.log('delayer:' + j);
}, 0);
}()
}
//"delayer:0"
//"delayer:1"
//"delayer:2"
//"delayer:3"
//"delayer:4"
6如何获取元素的真实宽高?
element.offsetWidth 和 element.offsetHeight 获取
7URL 如何编码解码？为什么要编码？
解码：
decodeURI()
decodeURIComponent()
编码：
encodeURI()
encodeURIComponent()
【文档标准】
RFC3986文档规定，Url中只允许包含英文字母（a-zA-Z）、数字（0-9）、-_.~4个特殊字符以及所有保留字符。RFC3986文档对Url的编解码问题做出了详细的建议，指出了哪些字符需要被编码才不会引起Url语义的转变，以及对为什么这些字符需要编码做出了相应的解释。
HTTP协议中通过URL传参是通过键值对形式进行的，格式上是以？、&和=为特征标识进行解析，如果键或者值的内容中包含这些符号，就会造成解析错误，所以要进行编码，用不会造成歧义的符号代替有歧义的符号。
URL编码的原则就是使用安全的字符（没有特殊用途或者特殊意义的可打印字符）去表示那些不安全的字符。
8补全如下函数，判断用户的浏览器类型
function isAndroid(){
return /Android/.test(navigator.userAgent);
}
funcnction isIphone(){
return /iPhone/.test(navigator.userAgent);
}
function isIpad(){
return /iPad/.test(navigator.userAgent);
}
function isIOS(){
return /(iPad)|(iPhone)/i.test(navigator.userAgent);
}
