美文网首页
闭包题目

闭包题目

作者: XuZiYa | 来源:发表于2018-10-19 20:55 被阅读0次

一、

var name = "The Window";

var object = {
  name : "My Object",

  getNameFunc : function(){
    return function(){
      return this.name;
    };
  }
};

console.log(object.getNameFunc()()); // 'The window'

二、

var name = "The Window";

var object = {
  name : "My Object",

  getNameFunc : function(){
    var that = this;
    return function(){
      return that.name;
    };
  }
};

console.log(object.getNameFunc()());  // 'My Object'

三、

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

改造后,输出3

第一种方法:
var fnArr = []
for (var i = 0; i < 10; i ++) {
  fnArr[i] =  (function(j){
    return function(){
      return j
    } 
  })(i)
}
console.log( fnArr[3]() ) // 3

第二种方法:
var fnArr = []
for (var i = 0; i < 10; i ++) {
  (function(i){
    fnArr[i] =  function(){
      return i
    } 
  })(i)
}
console.log( fnArr[3]() ) // 3

第三种方法:let是声明一个块级作用域的本地变量
var fnArr = []
for (let i = 0; i < 10; i ++) {
  fnArr[i] =  function(){
    return i
  } 
}
console.log( fnArr[3]() ) // 3

四、封装一个Car对象

var Car = (function(){
  var speed = 0;
  function set(s){
      speed = s
  };
  function get(){
      return speed
  };
  function speedUp(){
      speed++
  };
  function speedDown(){
      speed--
  };
  return {
      set: set,
      get: get,
      speedUp: speedUp,
      speedDown: speedDown
  };
})()
Car.set(30)
Car.get() //30
Car.speedUp()
Car.get() //31
Car.speedDown()
Car.get()  //30

五、

for(var i=0; i<5; i++){
  setTimeout(function(){
    console.log('delayer:' + i )
  }, 0)
}
//输出五次 5

改造后,连续输出 0,1,2,3,4

for(var i=0; i<5; i++){
  (function(j){
    setTimeout(function(){
      console.log('delayer:' + j )
    }, 0)    
  })(i)
}

或者
for(var i=0; i<5; i++){
  setTimeout((function(j){
    return function(){
      console.log('delayer:' + j )
    }
  }(i)), 0)    
}

六、

function makeCounter() {
  var count = 0
  return function() {
    return count++
  };
}

var counter = makeCounter();
var counter2 = makeCounter();

console.log( counter() ) // 0
console.log( counter() ) // 1

console.log( counter2() ) // 0
console.log( counter2() ) // 1

七、数组按姓名、年纪、任意字段排序

var users = [
  { name: "John", age: 20, company: "Baidu" },
  { name: "Pete", age: 18, company: "Alibaba" },
  { name: "Ann", age: 19, company: "Tecent" }
]

function byField(field){
  return function(user1, user2){
    return user1[field] > user2[field]
  }
}

users.sort(byField('name'))
users.sort(byField('age'))
users.sort(byField('company'))

八、 sum 函数

function sum(a) {
  return function(b) {
    return a + b
  }
}

console.log( sum(1)(2) ) // 3
console.log( sum(5)(-1) ) // 4

九、实现 console.log(sum(1)(2)...(98)(99)) // 5050

function sum(a) {
  function s(b) {
    a += b
    return s
  }
  s.toString = function(){return a}
  return s
}

相关文章

  • 闭包题目

    一、 二、 三、 改造后,输出3 四、封装一个Car对象 五、 改造后,连续输出 0,1,2,3,4 六、 七、数...

  • 闭包题目练习

    1.如下代码输出多少?如果想输出3,那如何改造代码? 输出为10想输出3,可做如下改造 2.封装一个 Car 对象...

  • 闭包题目讲解2

    封装Car对象 不能直接对speed进行操作,封装在一个包里,用函数去操作这个变量,这个变量就是局部变量了,car...

  • 闭包题目讲解3

    补全代码实现数组按年龄、姓名、任意字段排 写一个sum函数

  • swift-闭包

    闭包 闭包定义 闭包简化 - 尾随闭包 闭包参数 闭包返回值 闭包的循环引用

  • 闭包,闭包,闭包

    1、这家伙到底是什么? 网上关于这个的讨论的太多了太多了,有各种的举例子,但是大部分还在寻找这个答案的小伙伴对于变...

  • 闭包-Closures [swift 5.1]

    闭包的语法 尾随闭包 闭包逃离 自动闭包

  • 闭包

    这个问题也是必问的题目.重在把自己对闭包的理解表达出来.而我对闭包的理解是源于很久之前看阮一峰大师讲的闭包(clo...

  • Day7 闭包(Closures)

    本页包含内容:• 闭包表达式• 尾随闭包• 值捕获• 闭包是引用类型• 逃逸闭包• 自动闭包 1、闭包表达式 闭包...

  • Python闭包

    闭包 = 环境变量 + 函数 调用闭包内部的环境变量 闭包的经典误区 闭包与非闭包实现人类走路 非闭包 闭包

网友评论

      本文标题:闭包题目

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