- ** 下面的代码输出多少？修改代码让fnArri 输出 i。使用两种以上的方法**
var fnArr = [];
for (var i = 0; i < 10; i ++) {
fnArr[i] = function(){
return i;
};
}
console.log( fnArr[3]() ); // 输出为10，在调用的时候i的值已经变为10了
方法1
var fnArr = [];
for (var i = 0; i < 10; i ++) {
(function(j){
fnArr[j] = function(){
return j;
}
})(i)
}
console.log( fnArr[3]() ); //输出为3 ， 添加了一个作用域用来模拟块级作用域。将当时i赋值给j，j在函数作用域内，不随着i变而改变
方法2
var fnArr = [];
for (var i = 0; i < 10; i ++) {
fnArr[i] = function(j){
return function(){
return j;
}
}(i)
}
console.log( fnArr[3]() ); 输出为3 闭包，带return的函数可以访问到父函数的作用域中的i 。(i)是为子函数准备的。
方法3
var fnArr = [];
for (let i = 0; i < 10; i ++) {
fnArr[i] = function(){
return i;
}
}
console.log( fnArr[3]() ); //输出为3 let声明的变量拥有块级作用域。
- ** 封装一个汽车对象，可以通过如下方式获取汽车状态**
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('running')
}else{
console.log('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
- 下面这段代码输出结果是? 为什么?
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
- 下面这段代码输出结果是? 为什么?
var flag = true;
setTimeout(function(){
flag = false;
},0) // 到不了这一步
while(flag){}//flag 永远是true，死在while循环里
console.log(flag); //没有输出结果
- 下面这段代码输出？如何输出
delayer: 0, delayer:1...（使用闭包来实现）
for(var i=0;i<5;i++){
setTimeout(function(i){
return function (){
return console.log('delayer:' + i );
}
}(i), 0);
console.log(i);
}
- ** 如何获取元素的真实宽高 **
window.getComputedStyle(elem,null).getPropertyValue("height");
window.getComputedStyle(elem).width
//ie
- ** URL 如何编码解码？为什么要编码？ **
JavaScript提供四个URL的编码/解码方法。
- decodeURI()
- decodeURIComponent()
- encodeURI()
- encodeURIComponent()
编码的原因是URL中有些字符会引起歧义。
- ** 补全如下函数，判断用户的浏览器类型**
通过正则表达式判断
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/.test(navigator.userAgent);
}
