题目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(j){
fnArr[j] = function(){
return j;
};
}(i)
}
console.log( fnArr[3]() );//3
//方法二
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
if( speed === s) {
return 1
}else {
return -1
}
}
function getSpeed() {
return speed;
}
function accelerate() {
speed += 10;
}
function decelerate() {
if(speed === 0) {
return;
}
speed -= 10;
}
function getStatus() {
if(speed === 0) {
return 'stop'
}else {
return 'running'
}
}
return {
setSpeed: setSpeed,
getSpeed: getSpeed,
accelerate: accelerate,
decelerate: decelerate,
getStatus: getStatus
}
})()
console.log(Car.setSpeed(30));
console.log(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';
console.log(Car.setSpeed);
题目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
虽然设置的时间为0秒，但是它必须等待本次执行的代码执行完毕后才会执行
题目4：下面这段代码输出结果是? 为什么?
var flag = true;
setTimeout(function(){
flag = false;
},0)
while(flag){}
console.log(flag);
//flag 值一直为 true，无限循环 while(flag){}，不会执行 console.log(flag);
题目5： 下面这段代码输出？如何输出delayer: 0, delayer:1...（使用闭包来实现）
for(var i=0;i<5;i++){
setTimeout(function(){
console.log('delayer:' + i );
}, 0);
console.log(i);
}
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)
}
题目6： 如何获取元素的真实宽高
var element = document.querySelector('ul')
var width = window.getComputedStyle(element).width;
var height = window.getComputedStyle(element).height;
题目7： URL 如何编码解码？为什么要编码？
- 可以使用 encodeURI() 或者 encodeURIComponent()
- 可以使用 decodeURI() 或者 decodeURIComponent()
原因：
url的编码格式采用的是ASCII码，而中文不是ASCII的字符，如果不先编码就传输数据，那么可能会出现问题。所以通过把中文字符编码为符合ASCII标准的字符，就可以避免这个问题
url字符串中使用 key=value 键值对的方式传输参数，键值对之间用 & 隔开。服务端接收到参数后，会根据 & 分割键值对，根据 = 分割键和值。如果这时候键或值中含有 & 、= 这些字符，那么服务端分割参数的时候会出现错误。所以通过把键值中的 &、= 进行编码，就可以避免这个问题
题目8： 补全如下函数，判断用户的浏览器类型
function isAndroid(){
return /Android/i.test(navigator.userAgent);
}
function isIphone(){
return /iPhone/i.test(navigator.userAgent);
}
function isIpad(){
return /iPad/i.test(navigator.userAgent);
}
function isIOS(){
return /(iPad) | (iPhone)/i.test(navigator.userAgent);
}
