题目1: 下面的代码输出多少?修改代码让 fnArri 输出 i。使用 两种以上的方法
var fnArr = [];
for (var i = 0; i < 10; i ++) {
fnArr[i] = function(i){
return function(){
return i
}
}(i)
}
console.log( fnArr[3]() );//方法1(利用立即执行函数隔离作用域)
var fnArr = [];
for (var i = 0; i < 10; i ++) {
!function num(i){
fnArr[i] = function(){
return i
}
}(i)
}
console.log( fnArr[3]() );//方法2
2封装一个汽车对象,可以通过如下方式获取汽车状态
var Car = (function(){
var speed = 0;
return {
setSpeed: function (s){
return speed = s
},
getSpeed: function (){
console.log(speed)
},
accelerate: function (){
speed+=10
return speed
},
decelerate: function (){
speed-=10
return speed
},
getStatus: function(){
if (speed>0 && speed<120) {
console.log("running")
}else if(speed>120){
console.log("error")
}else{
console.log("stop")
}
}
}
})()
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);//2
}, 0);
var a;
console.log(a);//1
a = 3;
console.log(a);//3
//按顺序输出是1,3,2
//因为setTimeout会在当前代码执行队列结束后执行(即异步延迟到同步代码执行结束后才允许执行
4下面这段代码输出结果是? 为什么?
var flag = true;
setTimeout(function(){
flag = false;
},0)
while(flag){}//flag永远是true,浏览器会卡死,因为setTimeout会在当前代码执行队列结束后执行,所以不会有结果
console.log(flag);
5下面这段代码输出?如何输出delayer: 0, delayer:1...(使用闭包来实现)
for(var i=0;i<5;i++){
setTimeout(function(i){
return function(){
console.log('delayer:' + i );
}
}(i), 0);
console.log(i);
}//立即执行函数返回一个函数
题目6: 如何获取元素的真实宽高
var test = document.querySelector(".test")
getComputedStyle(test,pse).width //获取宽度,第二个参数为伪类,没有则不设置
getComputedStyle(test,pse).height //获取高度,第二个参数为伪类,没有则不设置
// 低版本IE不兼容getComputedStyle,可以使用currentStyle,兼容方式:
element.currentStyle[attr]
7URL 如何编码解码?为什么要编码?
var myUrl = "https://www.nuomi.com/?cid=002540"
//如果我们想编码一个URL并且可以使用它(访问),使用encodeURI();
var simpleUrl = encodeURI(myUrl);
//如果我们想编码一个URL并且可以将其放置在某URL的参数中,使用encodeURIComponent();
var complicateUrl = encodeURIComponent(muUrl);
// 对于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);
}