。# 题目1: 下面的代码输出多少?修改代码让 fnArri 输出 i。使用 两种以上的方法
<script>
var fnArr = [];
for (var i = 0; i < 10; i++) {
fnArr[i] = function () {
return i;
};
}
console.log(fnArr[3]()) // 输出10
</script>
// 方法1
<script>
var fnArr = [];
for (var i = 0; i < 10; i++) {
!function (i) {
fnArr[i] = function () {
return i;
}
}(i);
}
console.log(fnArr[3]())
</script>
// 方法2
<script>
var fnArr = [];
for (var i = 0; i < 10; i++) {
fnArr[i] = (function (i) {
return function () {
return i
};
})(i);
}
console.log(fnArr[3]())
</script>
题目2: 封装一个汽车对象,可以通过如下方式获取汽车状态
<script>
var Car = (function () {
var speed = 0;
function setSpeed(s) {
speed = s
}
function getSpeed() {
return speed;
}
function accelerate() {
speed += 10;
}
function decelerate() {
if (speed > 0) {
speed -= 10
} else {
console.log('Car already stoped, can not decelerate')
}
}
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();
</script>
题目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
// 定时器在该段代码执行完之后才会对定时器进行处理
题目4:下面这段代码输出结果是? 为什么?
var flag = true;
setTimeout(function(){
flag = false;
},0)
while(flag){}
console.log(flag);
// 什么也不输出
// setTimeout的函数会等下面的执行结束才执行,此时flag=true, while(flag){} 会无限循环
题目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,delayer5,delayer5,delayer5,delayer5,delayer5
// 输出delayer:0 delater:1 .... delayer:4
<script>
for(var i=0;i<5;i++){
!function(i){ setTimeout(function(){
console.log('delayer:' + i );
}, 0);
console.log(i)
}(i);
}
</script>
题目6: 如何获取元素的真实宽高
// 返回元素的内部高度(单位像素),包含内边距(padding),但不包括水平滚动条、边框和外边距。
Element.clientHeight
// 返回该元素的像素高度,高度包含该元素的垂直内边距(padding)和边框(baorder),且是一个整数。
Element.offsetHeight
/ 返回元素的内部宽度(单位像素),包含内边距(padding),但不包括垂直滚动条、边框和外边距。
Element.clientWidth
// 返回该元素的像素宽度,包含该元素的垂直内边距(padding)和边框(baorder),且是一个整数。
Element.offsetWidth
题目7: URL 如何编码解码?为什么要编码?
JavaScript提供四个URL的编码/解码方法。
- decodeURI()
- decodeURIComponent()
- encodeURI()
- encodeURIComponent()
为什么要编码
只有字母和数字[0-9a-zA-Z]、一些特殊符号"$-_.+!*'(),"[不包括双引号]、以及某些保留字,才可以不经过编码直接用于URL
如果URL中出现了除以上说明意外的字符,需要进行编码后才能使用,如果将编码交给浏览里按照默认方式进行处理,浏览器默认方式对于网址路径的编码、查询字符串的编码、GET和POST方法的编码以及Ajax调用所采用的编码各不相同,会导致很多编码结果,为保证统一性,可以使用JS先对URL进行编码,再向浏览器提交以保证服务器能够得到统一格式的数据。
参考关于URL编码by阮一峰
题目8: 补全如下函数,判断用户的浏览器类型
<script>
function isAndroid() {
return /Android/.test(window.navigator.userAgent);
}
funcnction isIphone(){
return /iPhone/.test(window.navigator.userAgent);
}
function isIpad() {
return /iPad/.test(window.navigator.userAgent);
}
function isIOS() {
return /(iPad)|(iPhone)/.test(window.navigator.userAgent);
}
</script>