美文网首页
闭包、立即执行函数闭包、BOM

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

作者: 曾祥辉 | 来源:发表于2017-10-07 03:23 被阅读0次

题目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)
}

相关文章

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

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

  • javascript立即执行函数和闭包

    闭包 概念:当内部函数被保存到外部时,将会生成闭包。闭包会导致原有作用域链举例分析: 闭包的应用: 立即执行函数 ...

  • 关于逃逸闭包

    逃逸闭包:当函数执行结束后,才去调用函数内部的闭包,叫做逃逸闭包非逃逸闭包当函数执行过程中,执行的函数内部的闭包,...

  • 3.逃逸闭包,非逃逸闭包

    逃逸闭包:当函数执行结束后,才去调用函数内部的闭包,叫做逃逸闭包非逃逸闭包:当函数执行过程中,执行的函数内部的闭包...

  • 理解闭包

    什么是「闭包」。 「闭包」的作用是什么。在一个立即执行函数当中: 首先,假设以上几行代码运行在立即执行函数当中,那...

  • 闭包_定时器

    闭包的作用是:暴露局部函数立即执行函数 ==> 闭包 下面的代码输出多少?修改代码让 fnArri 输出 i。使用...

  • JavaScript闭包(三)

    目录 1.执行环境与作用域链 2. 立即执行函数 3. 闭包知识点 3.1 什么是闭包 3.2 使用闭包的意义与注...

  • es5核心技术

    立即执行函数 函数提升和变量提升 闭包 this 原型链实现继承

  • 逃逸闭包和非逃逸闭包

    非逃逸闭包 闭包在函数返回之前执行。 逃逸闭包 逃逸闭包则恰恰相反,其生命周期长于相关函数。当函数推出时,逃逸闭包...

  • 进击的 JavaScript(五) 之 立即执行函数与闭包

    前面的闭包中,提到与闭包相似的立即执行函数,感觉两者还是比较容易弄混吧,严格来说(因为犀牛书和高程对闭包的定义不同...

网友评论

      本文标题:闭包、立即执行函数闭包、BOM

      本文链接:https://www.haomeiwen.com/subject/vwkthxtx.html