闭包、立即执行函数闭包、BOM

题目1: 下面的代码输出多少?修改代码让 fnArr[i]()输出i。使用 两种以上的方法

    var fnArr = [];
    for (var i = 0; i < 10; i ++) {
        fnArr[i] =  function(){
            return i;
        };
    }
    console.log( fnArr[3]() );  //

改写1

var fnArr = [];
for (var i = 0; i < 10; i++) {
  (function (i) {
    fnArr[i] = function () {
      return i;
    }
  })(i)
}
console.log(fnArr[3]());  //3

改写2

var fnArr = [];
for (var i = 0; i < 10; i++) {
  function fn(i) {
    fnArr[i] = function () {
      return i;
    }
  }
  fn(i)
}
console.log(fnArr[3]());  //3

题目2: 封装一个汽车对象,可以通过如下方式获取汽车状态

var Car = (function () {
  var speed = 0;
  function setSpeed(s) {
    if (s > 0) {
      speed = s;
    } else {
      return "error";
    }
  }
  function getSpeed() {
    return speed;
  }
  function accelerate() {
    speed += 10;
  }
  function decelerate() {
    if (speed > 0) {
      speed -= 10;
    } else {
      return "error";
    }
  }
  function getStatus() {
    if (speed === 0) {
      return 'stop';
    } else {
      return 'running'
    }
  }
  return {
    setSpeed: setSpeed,
    getSpeed: getSpeed,
    accelerate: accelerate,
    decelerate: decelerate,
    getStatus: getStatus,
  };
})()

题目3:下面这段代码输出结果是? 为什么?

var a = 1;
setTimeout(function(){
    a = 2;
    console.log(a);
}, 0);
var a ;
console.log(a);
a = 3;
console.log(a);

输出

1//var a = 1;执行后跳过setTimeout,执行var a ;console.log(a);
3//执行a = 3;console.log(a);
2//js执行完全部代码后处理定时器,
    function(){
      a = 2;
      console.log(a);
    }, 0),0秒后输出console.log(a)(a=2)

题目4:下面这段代码输出结果是? 为什么?

var flag = true;
setTimeout(function(){
    flag = false;
},0)
while(flag){}
console.log(flag);

无法输出,因为setTimeout计时器会在执行完全部代码后处理,while(flag){}中flag为true,造成死循环。

题目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
"delayer:5"
"delayer:5"
"delayer:5"
"delayer:5"
"delayer:5"
//输出delayer: 0, delayer:1...
for(var i=0;i<5;i++){
    (function(i){
      setTimeout(function(){
         console.log('delayer:' + i );
    }, 0)})(i);
    console.log(i);
}

题目6: 如何获取元素的真实宽高

var $ = document.querySelector("view");
var h = $.offsetHeight;  //高度
var w = $.offsetWidth;  //宽度

题目7: URL 如何编码解码?为什么要编码?

  • URL常用编码方法
    encodeURIComponent(string) 函数可对string其中的某些字符将被十六进制的转义序列进行替换。
    说明:该方法不会对 ASCII 字母和数字进行编码,也不会对这些 ASCII 标点符号进行编码: - _ . ! ~ * ' ( )
var str = '你好'
console.log(encodeURIComponent(str))//%E4%BD%A0%E5%A5%BD
  • URL常用解码方法
    decodeURIComponent() 函数可对 encodeURIComponent() 函数编码的 URI 进行解码
var str = '%E4%BD%A0%E5%A5%BD'
console.log(decodeURIComponent(str))//你好

  • Url需要进行编码,是因为Url中有些字符会引起歧义。
  • Url的编码格式采用的是ASCII码,而不是Unicode,这也就是说你不能在Url中包含任何非ASCII字符,例如中文。

题目8: 补全如下函数,判断用户的浏览器类型

function isAndroid(){
/android/gi.test(window.navigator.userAgent)
}
funcnction isIphone(){
/iphone/gi.test(window.navigator.userAgent)
}
function isIpad(){
/ipad/gi.test(window.navigator.userAgent)
}
function isIOS(){
/(iphone)|(ipad)/gi.test(window.navigator.userAgent)
}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 题目1: 下面的代码输出多少?修改代码让 fnArri 输出 i。使用 两种以上的方法 方法一: 方法二: 方法三...
    南山码农阅读 296评论 0 1
  • 题目1: 下面的代码输出多少?修改代码让 fnArri 输出 i。使用 两种以上的方法 输出10 修改为1var ...
    我是一只_鱼阅读 224评论 0 1
  • 题目1: 下面的代码输出多少?修改代码让 fnArr[i]() 输出 i。使用 两种以上的方法 题目2: 封装一个...
    Taaaaaaaurus阅读 364评论 0 0
  • 题目1: 下面的代码输出多少?修改代码让 fnArr[i]() 输出 i。使用 两种以上的方法 var fnArr...
    saintkl阅读 383评论 0 0
  • 某日,与一位在商场十分得意的朋友在世界贸易大楼顶层共进晚餐,看着下面万家灯火,车水马龙,他感慨地说:人生就像这车马...
    未央ZP阅读 317评论 0 0