第 101 题：修改以下 print 函数，使之输出 0 到 99，或者 99 到 0

Question

要求：

1、只能修改 setTimeout 到 Math.floor(Math.random() * 1000 的代码

2、不能修改 Math.floor(Math.random() * 1000

3、不能使用全局变量

function print(n){
  setTimeout(() => {
    console.log(n);
  }, Math.floor(Math.random() * 1000));
}
for(var i = 0; i < 100; i++){
  print(i);
}

Answer 1

利用异步函数也可以，这个简单直接

Answer 2

// 方法1 利用for的变量i  输出99-0
function print(n){
  setTimeout(() => {
    console.log(--i);
  }, Math.floor(Math.random() * 1000));
}
for(var i = 0; i < 100; i++){
  print(i);
}

//方法2 将setTimeout 的时间改为 0*Math.floor(Math.random() * 1000) .. 取巧了一下
// 输出0-99
function print(n){
  setTimeout(() => {
    console.log(n);
  }, 0*Math.floor(Math.random() * 1000));
}
for(var i = 0; i < 100; i++){
  print(i);
}

请问第二个方法不是异步的吗，最后为什么不是都打印99呢？

Answer 3

function print(n) {
setTimeout(() => {
console.log(n);
}, n * 1001 + Math.floor(Math.random() * 1000));
}
for (var i = 0; i < 100; i++) {
print(i);
}
不知道这样违规没有

Answer 4

忽略Math.floor(Math.random() * 1000) 影响（不过打印的太慢了吧(#`O′)）

function print(n){
setTimeout(() => {
setTimeout(()=>{
console.log(n);
},(n+1)*1000);
}, Math.floor(Math.random() * 1000));
}
for(var i = 0; i < 100; i++){
print(i);
}

Answer 5

综合上面各位大佬的答案，使用立即执行函数如果没有return值的话相当于

setTimeout(undefined, Math.floor(Math.random() * 1000));

浏览器会报错，所以还是需要加入返回值的

 setTimeout( (() => {
        console.log(n);
    	return ()=>{};
  })(), Math.floor(Math.random() * 1000));

window.setTimeout = function (vCallback, nDelay /*, argumentToPass1, argumentToPass2, etc. >*/) {
var oThis = this, aArgs = Array.prototype.slice.call(arguments, 2);
return __nativeST__(vCallback instanceof Function ? function () {
vCallback.apply(oThis, aArgs);
} : vCallback, nDelay);
};`

只是判断是不是function类型

Answer 6

function print(n){
setTimeout( (() => {
console.log(n);
return ()=>{};
})(), Math.floor(Math.random() * 1000));
}
for(var i=0;i<100;i++){
print(i)
}

Answer 7

// 方法1 利用for的变量i  输出99-0
function print(n){
  setTimeout(() => {
    console.log(--i);
  }, Math.floor(Math.random() * 1000));
}
for(var i = 0; i < 100; i++){
  print(i);
}

//方法2 将setTimeout 的时间改为 0*Math.floor(Math.random() * 1000) .. 取巧了一下
// 输出0-99
function print(n){
  setTimeout(() => {
    console.log(n);
  }, 0*Math.floor(Math.random() * 1000));
}
for(var i = 0; i < 100; i++){
  print(i);
}

Answer 8

1. 0-99

function print(n){
  setTimeout(() => {
    console.log(n);
  }, 1, Math.floor(Math.random() * 1000));
}
for(var i = 0; i < 100; i++){
  print(i);
}

2. 99-0

function print(n){
  setTimeout(() => {
    console.log(99 - n);
  }, 1, Math.floor(Math.random() * 1000));
}
for(var i = 0; i < 100; i++){
  print(i);
}

Answer 9

function print(n){
setTimeout(() => {
console.log((i++)-100);
}, Math.floor(Math.random() * 1000));
}
for(var i = 0; i < 100; i++){
print(i);
}

Answer 10

function print(n){
  setTimeout((n) => {
    console.log(n);
  },0,n, Math.floor(Math.random() * 1000));
}
for(var i = 0; i < 100; i++){
  print(i);
}

把Math.random挤掉就好了。

Answer 11

0 -99
function print(n){
  setTimeout((function () {
	console.log(n)
	return function () {}
  })(), Math.floor(Math.random() * 1000));
}
for(var i = 0; i < 100; i++){
  print(i);
}

99 - 0
function print(n){
  setTimeout((function () {
	console.log(Math.abs(n - 99))
	return function () {}
  })(), Math.floor(Math.random() * 1000));
}
for(var i = 0; i < 100; i++){
  print(i);
}

Answer 12

emm，楼主不给答案讲解得嘛

Answer 13

emm，楼主不给答案讲解得嘛

我理解的讲一下,2种方法
1.立即执行函数
2.定时器第二位重新赋固定的值

Answer 14

题目解析：向setTimeout() 传递一个函数时，该函数中的this指向跟你的期望可能不同，当前这些代码中包含的 this 关键字在非严格模式会指向window对象，严格模式下为undefined。此时可以借助call或apply去改变this指向，即可顺序打印出0到99（或倒序99到0）

function print(n){
  setTimeout((() => {
    // console.log(this.i); // 如果不借助call会打印出100次全局变量i，值都为100
    console.log(n); // 顺序打印出0~99(100个)
    console.log(99-n); // 倒序打印出99~0(100个)
  }).call(null, n), Math.floor(Math.random() * 1000));
}
for(var i = 0; i < 100; i++) {
  // console.log(i) // 0~99
  print(i); 
}
console.log(i) // 注意：此时i在全局window里可访问到，值为100

Answer 15

function print(n) {
setTimeout(async ()=>{
await new Promise((resolve, reject)=>{
setTimeout(()=>{
resolve(n)
},n*1000)
});
console.log(n)
},Math.floor(Math.random()*100))
}

for(var i=0;i<100;i++){
print(i)
}

Answer 16

1、闭包，匿名函数自执行 ，即使创建它的上下文已经销毁，变量仍然存在，
2、是随机输出 0 到 99，或者 99 到 0？

Answer 17

两种解法：

1. 利用settimeout 接受多个参数的方向，将Math.floor(Math.random() * 1000)作为第三个参数，第二参数可以设置为任意值。
   function print(n){
   setTimeout(() => {
   console.log(n);
   }, 1, Math.floor(Math.random() * 1000));
   }
   for(var i = 0; i < 100; i++){
   print(i);
   }
   2.可以利用settimeout 第一个参数可以是function是立即执行或者一个执行函数。

Answer 18

综合上面各位大佬的答案，使用立即执行函数如果没有return值的话相当于

setTimeout(undefined, Math.floor(Math.random() * 1000));

浏览器会报错，所以还是需要加入返回值的

 setTimeout( (() => {
        console.log(n);
    	return ()=>{};
  })(), Math.floor(Math.random() * 1000));

没有报错啊

Answer 19

综合上面大佬给出的答案，感觉这题就是打乱了输出顺序，根本解决办法无外乎就是让定时器里的函数在同一任务队列里去执行，立即执行函数可以实现，或者给任意只要相同的时间间隔也可以实现。

Answer 20

function print(n){
  print.n === undefined ? (print.n = 0) : (n !== 0 && print.n + 1 !== n) ? (setTimeout(() => {print(n)}, 1000)) : (setTimeout(() => {
    console.log(n);
    print.n += 1
  }, Math.floor(Math.random() * 1000)))
}
for(var i = 0; i < 100; i++){
  print(i);
}

Answer 21

1. 依次打印出 0-99

function print(n){
  setTimeout(() => {
    setTimeout(()=>{
       console.log(n);
    },1000*n)
  }, Math.floor(Math.random() * 1000));
}
for(var i = 0; i < 100; i++){
  print(i);
}

2. 依次打印出99-0

function print(n){
  setTimeout(() => {
    setTimeout(()=>{
       console.log(99-n);
    },1000*n)
  }, Math.floor(Math.random() * 1000));
}
for(var i = 0; i < 100; i++){
  print(i);
}

Answer 22

综合上面各位大佬的答案，使用立即执行函数如果没有return值的话相当于

setTimeout(undefined, Math.floor(Math.random() * 1000));

浏览器会报错，所以还是需要加入返回值的

 setTimeout( (() => {
        console.log(n);
    	return ()=>{};
  })(), Math.floor(Math.random() * 1000));

Answer 23

楼上匿名函数自执行是一种解法，直接利用表达式也是一种解法！

function print(n){
  setTimeout(console.log(n), Math.floor(Math.random() * 1000));
}

for(var i = 0; i < 100; i++) {
  print(i);
}

99到0，就是 99 - n

function print(n){
  setTimeout(console.log(99 - n), Math.floor(Math.random() * 1000));
}

for(var i = 0; i < 100; i++) {
  print(i);
}

Answer 24

第一种解法：

function print(n) {

    setTimeout( (() => {

        console.log(n);
    
    })(), Math.floor(Math.random() * 1000));
}


for(var i = 0; i < 100; i++){
    print(i);
}

另一种解法则是根据setTimeout的时间戳，只要让它按照时间戳顺序打印即可。但这样的时间耗时相当长。

function print(n){

    setTimeout(() => {
        
        setTimeout( () =>{
            console.log(n);
        }, 1000 * n);

    }, Math.floor(Math.random() * 1000));
}
for(var i = 0; i < 100; i++){
    print(i);
}

Answer 25

function print(n){
setTimeout((() => {
console.log(n);
}).apply(n), Math.floor(Math.random() * 1000));
}
for(var i = 0; i < 100; i++){
print(i);
}

Answer 26

function print(n){
  setTimeout(() => {
    console.log(n);
  }, 1, Math.floor(Math.random() * 1000));
}
for(var i = 0; i < 100; i++){
  print(i);
}

Answer 27

function print(n){ setTimeout(() => { console.log(n); }, Math.floor(Math.random()+1) * 1000); } for(var i = 0; i < 100; i++){ print(i); }

Answer 28

function print(n){
  setTimeout((() => {
    console.log(n)
    return ()=>{}
  }).call(n,[]), Math.floor(Math.random() * 1000));
}
for(var i = 0; i < 100; i++){
  print(i);
}