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

Question

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

yygmind opened this issue 5 years ago · comments

程序员依扬 commented 5 years ago

要求：

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);
}

Steven Lee · Answer 1 · Tue Jul 09 2019 00:04:20 GMT+0800 (China Standard Time)

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

Gentlemancj · Answer 2 · Tue Jul 09 2019 09:10:42 GMT+0800 (China Standard Time)

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

Ego · Answer 3 · Tue Jul 09 2019 09:17:35 GMT+0800 (China Standard Time)

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

hzxfjmc · Answer 4 · Tue Jul 09 2019 09:25:42 GMT+0800 (China Standard Time)

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

dorseysen · Answer 5 · Tue Jul 09 2019 09:37:19 GMT+0800 (China Standard Time)

第一种解法：

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);
}

ramey · Answer 6 · Tue Jul 09 2019 09:49:34 GMT+0800 (China Standard Time)

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

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);
}

Defy Xiong · Answer 7 · Tue Jul 09 2019 09:59:12 GMT+0800 (China Standard Time)

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

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

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

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

SteinsGate · Answer 8 · Tue Jul 09 2019 10:09:27 GMT+0800 (China Standard Time)

依次打印出 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);
}

依次打印出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);
}

white-dew · Answer 9 · Tue Jul 09 2019 10:16:18 GMT+0800 (China Standard Time)

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);
}

Ervin · Answer 10 · Tue Jul 09 2019 10:17:00 GMT+0800 (China Standard Time)

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

Roda · Answer 11 · Tue Jul 09 2019 10:26:33 GMT+0800 (China Standard Time)

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

liuzeyang · Answer 12 · Tue Jul 09 2019 10:27:25 GMT+0800 (China Standard Time)

两种解法：

利用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是立即执行或者一个执行函数。

wineSu · Answer 13 · Tue Jul 09 2019 10:28:55 GMT+0800 (China Standard Time)

综合上面各位大佬的答案，使用立即执行函数如果没有return值的话相当于
setTimeout(undefined, Math.floor(Math.random() * 1000));
浏览器会报错，所以还是需要加入返回值的
 setTimeout( (() => {
        console.log(n);
    	return ()=>{};
  })(), Math.floor(Math.random() * 1000));

没有报错啊

MoveZZG · Answer 14 · Tue Jul 09 2019 10:36:44 GMT+0800 (China Standard Time)

忽略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);
}

Jerry Ren · Answer 15 · Tue Jul 09 2019 10:38:54 GMT+0800 (China Standard Time)

综合上面各位大佬的答案，使用立即执行函数如果没有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类型

Weathers · Answer 16 · Tue Jul 09 2019 10:40:46 GMT+0800 (China Standard Time)

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

kungithub · Answer 17 · Tue Jul 09 2019 10:47:50 GMT+0800 (China Standard Time)

// 方法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);
}

Morris · Answer 18 · Tue Jul 09 2019 10:49:57 GMT+0800 (China Standard Time)

0-99

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

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);
}

bin.zhang · Answer 19 · Tue Jul 09 2019 10:51:57 GMT+0800 (China Standard Time)

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

JiuL · Answer 20 · Tue Jul 09 2019 11:03:21 GMT+0800 (China Standard Time)

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挤掉就好了。

Alpaca · Answer 21 · Tue Jul 09 2019 11:07:30 GMT+0800 (China Standard Time)

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);
}

song-le-yi · Answer 22 · Tue Jul 09 2019 11:14:27 GMT+0800 (China Standard Time)

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

bin.zhang · Answer 23 · Tue Jul 09 2019 11:18:41 GMT+0800 (China Standard Time)

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

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

james9527 · Answer 24 · Tue Jul 09 2019 12:13:48 GMT+0800 (China Standard Time)

题目解析：向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

haipingzi · Answer 25 · Tue Jul 09 2019 13:18:51 GMT+0800 (China Standard Time)

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

haipingzi · Answer 26 · Tue Jul 09 2019 13:20:00 GMT+0800 (China Standard Time)

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

Chor · Answer 27 · Tue Jul 09 2019 13:32:24 GMT+0800 (China Standard Time)

// 方法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 28 · Tue Jul 09 2019 13:32:49 GMT+0800 (China Standard Time)

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

kungithub · Answer 29 · Tue Jul 09 2019 14:31:22 GMT+0800 (China Standard Time)

// 方法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呢？

这是当做参数传到print方法的，正真执行print方法的时候i参数就是当时的i的值

Chor · Answer 30 · Tue Jul 09 2019 14:33:25 GMT+0800 (China Standard Time)

// 方法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呢？

这是当做参数传到print方法的，正真执行print方法的时候i参数就是当时的i的值

每次跑循环的时候，setTimeout里的n都已经确定为对应的数字了，之后真正执行的时候，没有作用域查找n这个过程了。这样子吗？

jeffwang · Answer 31 · Tue Jul 09 2019 14:35:41 GMT+0800 (China Standard Time)

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

Ruphi Lau · Answer 32 · Tue Jul 09 2019 15:31:12 GMT+0800 (China Standard Time)

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

kungithub · Answer 33 · Tue Jul 09 2019 16:20:18 GMT+0800 (China Standard Time)

每次跑循环的时候，setTimeout里的n都已经确定为对应的数字了，之后真正执行的时候，没有作用域查找n这个过程了。这样子吗？

你理解的偏太远了，timer方法作用域内没有找到n，于是去上一级作用域链print方法内找，找到了n，就是一个值，结束。和外面的for没一点关系了，你自己先想想。

steveZhang · Answer 34 · Tue Jul 09 2019 16:45:17 GMT+0800 (China Standard Time)

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

这样好像也可以~

dax w · Answer 35 · Tue Jul 09 2019 16:51:26 GMT+0800 (China Standard Time)

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

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

Chor · Answer 36 · Tue Jul 09 2019 16:58:47 GMT+0800 (China Standard Time)

每次跑循环的时候，setTimeout里的n都已经确定为对应的数字了，之后真正执行的时候，没有作用域查找n这个过程了。这样子吗？

你理解的偏太远了，timer方法作用域内没有找到n，于是去上一级作用域链print方法内找，找到了n，就是一个值，结束。和外面的for没一点关系了，你自己先想想。

既然只有一个n，那么每一个timer对于n的查找，最后找到的都会是值为99的n，所以我才问是不是n在循环的时候就确定了，因为如果在循环的时候确定了，那么每一个timer就会有正确的对应数字，不会都输出99。

jabinwu · Answer 37 · Tue Jul 09 2019 17:31:17 GMT+0800 (China Standard Time)

function print(n){
setTimeout(console.log(n), Math.floor(Math.random() * 1000));
}
for(var i = 0; i < 100; i++){
print(i);
}
感觉就是考setTimeout的参数的详细用法，和闭包，匿名函数自执行，啥关系没有。

XdCareWy · Answer 38 · Tue Jul 09 2019 18:21:44 GMT+0800 (China Standard Time)

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

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

我这种算不算违反了第二条规则？

zxhuaman · Answer 39 · Tue Jul 09 2019 18:58:18 GMT+0800 (China Standard Time)

来个奇葩的
function print(n){
setTimeout(() => {
if(n===0){
for(i=0;i<100;i++){console.log(i)}}
}, Math.floor(Math.random() * 1000));
}

song-le-yi · Answer 40 · Tue Jul 09 2019 19:29:40 GMT+0800 (China Standard Time)

hhhhhh zxhuaman <notifications@github.com> 于2019年7月9日周二下午6:58写道：

…

来个奇葩的 function print(n){ setTimeout(() => { if(n===0){ for(i=0;i<100;i++){console.log(i)}} }, Math.floor(Math.random() * 1000)); } — You are receiving this because you commented. Reply to this email directly, view it on GitHub <#158?email_source=notifications&email_token=AHZW6KYK7LRHTVPJSNB4ULTP6RVPDA5CNFSM4H64UCU2YY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW2ZLOORPWSZGODZP5BAI#issuecomment-509595777>, or mute the thread <https://github.com/notifications/unsubscribe-auth/AHZW6KYRZWRGBSN5SLTUWMLP6RVPDANCNFSM4H64UCUQ> .

ByeWord · Answer 41 · Tue Jul 09 2019 21:57:17 GMT+0800 (China Standard Time)

利用var修饰的变量皮一下下
function print(n){
setTimeout(() => {
console.log(i--);
}, Math.floor(Math.random() * 1000));
}
for(var i = 0; i < 100; i++){
print(i);
}

zhangxiangliang · Answer 42 · Tue Jul 09 2019 23:04:22 GMT+0800 (China Standard Time)

这题我懂，就是考注释怎么用！
第一种

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

第二种

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

Seeker · Answer 43 · Tue Jul 09 2019 23:17:26 GMT+0800 (China Standard Time)

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

function print(n) {
	setTimeout(() => {
		console.log(n);
	}, 0, Math.floor(Math.random() * 1000)); //不延时，立即执行
}
for(var i = 0; i < 100; i++) {
	print(i);
}

function print(n) {
	setTimeout(((n) => {
		console.log(n)
	}).bind(this)(n), Math.floor(Math.random() * 1000)); //立即执行
}
for(var i = 0; i < 100; i++) {
	print(i);
}

Mumu · Answer 44 · Tue Jul 09 2019 23:50:59 GMT+0800 (China Standard Time)

分析输出：

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

与

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

两者区别：在 print 函数中 n 为局部变量，setTimeout 回调依然引用变量 n，因此形成闭包，虽然变量 n 从 0-99 变化，可是 delay 为随机数，较小者的 n 先输出。

完成要求：
总结以上大家的答案分析：
1、setTimeout 第一个参数传递 code，即代码语句，此时相当于同步代码执行
2、for 语句块 var 声明变量存在于外部作用域中，setTimeout 的回调可直接引用变量 i
3、叠加定时器，使得非顺序输出变成顺序输出。

古人云 · Answer 45 · Wed Jul 10 2019 09:17:37 GMT+0800 (China Standard Time)

感觉立即执行的话，失去了settimeout的意义，这个函数本身的目的是希望数字既能依次输出，但是又不会太过均匀，给人一种错层的感觉，类似于过度效果不会太过均匀一样的道理

qibing147147 · Answer 46 · Wed Jul 10 2019 14:29:15 GMT+0800 (China Standard Time)

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

不知道算不算偷鸡

zhangenming · Answer 47 · Wed Jul 10 2019 17:32:11 GMT+0800 (China Standard Time)

总结

function print0(n){
  setTimeout(() => {
    console.log(n);
  }, 0, Math.floor(Math.random() * 1000));//关闭延迟
}

function print1(n) {
	setTimeout(
		(() => {
			console.log(n)
		})(),
		Math.floor(Math.random() * 1000), //自执行
	)
}
function print2(n) {
	setTimeout(() => {
		console.log(--i)
	}, Math.floor(Math.random() * 1000)) //全局i
}
function print3(n) {
	// setTimeout(() => {
	console.log(n)
	//}, Math.floor(Math.random() * 1000)); //注释
}
function print4(n) {
	setTimeout(() => {
		if (n === 0) {
			for (i = 0; i < 100; i++) {
				console.log(i)
			}
		}
	}, Math.floor(Math.random() * 1000)) //条件
}
function print5(n) {
	setTimeout(() => {
		setTimeout(() => {
			log(n)
		}, n * 1000)
	}, Math.floor(Math.random() * 1000)) //延迟
}

自己的方法, 但利用事件循环解决

function print(n) {
	setTimeout(() => {
		print.p.then(() => {
			setTimeout(() => {
				console.log(n)
				debugs(n)
			}, n * 4) //3 开始新的事件循环, 间隔扩大为4(setTimeout精度为4), 但有几率debug的结果会为false, 不解, 可能精度还是低
		})
	}, Math.floor(Math.random() * 1000))
}
for (var i = 0; i < 100; i++) {
	print(i)
}

print.p = new Promise(r => (print.r = r)) // 1 为了不使用全局变量, 值挂载在函数上
setTimeout(() => {
	print.r()
}, 1000) //2 等所有原始setTimeout事件就绪后resolve promise



function debugs(n) {
	if (n == 0) arr = []
	arr.push(n)
	if (n == 99) {
		console.log(arr.join() == [...arr].sort((q, w) => q - w).join())
		console.log(arr)
	}
}

leo wang · Answer 48 · Thu Jul 11 2019 00:42:16 GMT+0800 (China Standard Time)

就直接让第二个参数变成自己定义的就OK了吧

0-99

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

99-0

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

Neil · Answer 49 · Fri Jul 12 2019 10:17:44 GMT+0800 (China Standard Time)

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

流云诸葛 · Answer 50 · Fri Jul 12 2019 14:13:16 GMT+0800 (China Standard Time)

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

johnhsm · Answer 51 · Fri Jul 12 2019 21:44:36 GMT+0800 (China Standard Time)

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

思路： 利用闭包创建上下文环境存储正确的 n 值。遇到 0 就升序循环输出或者遇 99 就降序循环输出。

CodesRare · Answer 52 · Sat Jul 13 2019 15:32:06 GMT+0800 (China Standard Time)

setTimtout((console.log(n),()=>{}),....)

aMiTuoFo · Answer 53 · Mon Jul 15 2019 09:05:07 GMT+0800 (China Standard Time)

这个就是考察闭包
function print(n){
setTimeout(
(function(n){
console.log(n)
})(n)
,100)
}

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

Yan · Answer 54 · Mon Jul 15 2019 14:49:34 GMT+0800 (China Standard Time)

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

瞎搞一手

赵汪汪 · Answer 55 · Tue Jul 16 2019 10:07:18 GMT+0800 (China Standard Time)

function print(n){
setTimeout((n) => {
console.log(n);
},1,99-n, Math.floor(Math.random() * 1000));
}
for(var i = 0; i < 100; i++){
print(i);
}
输出99到0，你们有啥好办法么？

liuhx · Answer 56 · Thu Jul 18 2019 15:54:15 GMT+0800 (China Standard Time)

这题不是考闭包的，别往闭包上想

sjfkai · Answer 57 · Fri Jul 19 2019 17:43:20 GMT+0800 (China Standard Time)

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

liutao · Answer 58 · Tue Jul 23 2019 10:49:10 GMT+0800 (China Standard Time)

function print(n){
setTimeout((() => {
console.log(n)
})(), Math.floor(Math.random() * 1000));
}
for(var i = 0; i < 100; i++){
print(i);
}
将setTimeout的第一个参数改为自执行就可以了

烦英俊 · Answer 59 · Tue Jul 30 2019 16:28:42 GMT+0800 (China Standard Time)

思路很清晰，把setTimeout的第二个参数改为n

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

3N26 · Answer 60 · Fri Aug 02 2019 12:08:38 GMT+0800 (China Standard Time)

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

GuanMiao · Answer 61 · Sat Aug 03 2019 18:20:24 GMT+0800 (China Standard Time)

@Chenxinan 你这个只要把Math.floor(Math.random() * 1000)改成Math.floor(Math.random() * 10000)就不会按顺序输出0-99。

GuanMiao · Answer 62 · Sat Aug 03 2019 18:26:01 GMT+0800 (China Standard Time)

@Hunterang 恩恩，感觉这题是想考核面试者在不用promise.all()的情况下，在并发100次请求后，如何把浏览器在不同时间点获取到的数据按原先的数据逻辑顺序输出。

my-illusion · Answer 63 · Wed Aug 14 2019 10:37:59 GMT+0800 (China Standard Time)

helloyoucan · Answer 64 · Wed Aug 14 2019 14:12:05 GMT+0800 (China Standard Time)

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

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

第二种，去掉setTimeout

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

GhostStudio-后端-代云超 · Answer 65 · Wed Aug 14 2019 18:51:05 GMT+0800 (China Standard Time)

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

sw · Answer 66 · Tue Aug 27 2019 23:01:56 GMT+0800 (China Standard Time)

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

理是？没看懂

ShunLi Ren · Answer 67 · Wed Sep 18 2019 18:14:58 GMT+0800 (China Standard Time)

我去脑筋急转弯的题

yaodongyi · Answer 68 · Sat Sep 21 2019 12:50:19 GMT+0800 (China Standard Time)

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

lzxxxxx · Answer 69 · Fri Oct 11 2019 15:02:52 GMT+0800 (China Standard Time)

看了各位的解法我觉得自己的解法跟闹着玩似的…… 在每一次执行前重写了 Math.random…………

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

k3vin · Answer 70 · Wed Oct 23 2019 10:32:20 GMT+0800 (China Standard Time)

        //  方法一
        function print(n) {
          setTimeout(() => {
            // console.log(n);
            let i = n
            setTimeout(() => {
              console.log(i, 'ddd')
            }, n * 1000)
          },
            Math.floor(Math.random() * 1000)
          );
        }
        for (var i = 0; i < 100; i++) {
          print(i);
        }

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



        // 方法三  立即执行函数，相当于同步代码
        function print(n){
          setTimeout((()=>{
            console.log(n)
            return ()=>{}
          })(), Math.floor(Math.random() * 1000));
        }
        for(var i = 0; i < 100; i++){
          print(i);
        }

niannings · Answer 71 · Mon Apr 13 2020 15:15:29 GMT+0800 (China Standard Time)

换一种思路

function print(n){
  setTimeout(() => {
    if (!print.cache) {
      print.cache = [];
      print.id = null;
    };
    print.cache.push(n);
    clearTimeout(print.id);
    print.id = setTimeout(() => {
      print.cache.sort((a, b) => a - b);
    	for (let num of print.cache) {
      	console.log(num);
      }
      delete print.id;
      delete print.cache;
      // 最长不过1000ms
    }, 1000);
  }, Math.floor(Math.random() * 1000));
}
for(var i = 0; i < 100; i++){
	print(i);
}

Murphy · Answer 72 · Sat May 16 2020 14:20:03 GMT+0800 (China Standard Time)

感觉无论是立即执行函数、表达式，还是用n去替代Math.random，脱离了题目本身的意义。所以考的是脑筋急转弯？

Murphy · Answer 73 · Sat May 16 2020 14:22:16 GMT+0800 (China Standard Time)

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

alan · Answer 74 · Wed Jul 01 2020 16:05:13 GMT+0800 (China Standard Time)

alan commented 4 years ago

Tutato · Answer 75 · Wed Sep 09 2020 23:13:26 GMT+0800 (China Standard Time)

支持原题中间隔随机时间 print 的版本

(() => {
  function print(n) {
    setTimeout(
        (() => {
        // const prev = i.__proto__.prev;
        const prev = print.prev;
        let resolver = () => {};
        // i.__proto__.prev = new Promise(resolve => {
        print.prev = new Promise(resolve => {
          resolver = resolve;
        });
        const exec = (delay) => {
          setTimeout(() => {
            console.log(n);
            resolver();
          }, delay);
        };

        return prev
          ? (delay) => {
            prev
              .then(exec.bind(null, delay))
              .then(() => {
                // if (i.__proto__.prev) {
                if (print.prev) {
                  // delete i.__proto__.prev;
                  delete print.prev;
                }
              });
          }
          : exec;
      })(),
      0,
      Math.floor(Math.random() * 1000)
    );
  }
  for (var i = 0; i < 100; i++){
    print(i);
  }
})()

Cloud · Answer 76 · Thu Sep 24 2020 16:52:56 GMT+0800 (China Standard Time)

不知道这燕子算不算满足要求

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

西了意 · Answer 77 · Sat Oct 31 2020 16:56:44 GMT+0800 (China Standard Time)

还可以利用逗号表达式 :-)

但我实在搞不懂这题的目的是啥？

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

auyo18 · Answer 78 · Wed Nov 11 2020 02:57:00 GMT+0800 (China Standard Time)

function print(n) {
    setTimeout(() => {
      if (!print.list) print.list = []
      if (!print.timer)
        print.timer = setTimeout(() => {
          print.list.forEach(fn => fn())
        }, 1000)
      print.list[n] = () => console.log(n)
    }, Math.floor(Math.random() * 1000))
  }

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

0x1u · Answer 79 · Mon Dec 14 2020 10:47:01 GMT+0800 (China Standard Time)

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

liaoqinwei · Answer 80 · Fri Apr 16 2021 11:21:27 GMT+0800 (China Standard Time)

`function print(n) {
setTimeout(() => {
console.log(100 - i--);
}, Math.floor(Math.random() * 1000));
}

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

zhangtaolei · Answer 81 · Sun Nov 28 2021 11:50:23 GMT+0800 (China Standard Time)

词法环境与闭包的联系：
静态作用域
动态作用域

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

qjk · Answer 82 · Sun Jan 16 2022 14:36:36 GMT+0800 (China Standard Time)

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

Lingdeqing · Answer 83 · Fri Mar 18 2022 14:59:49 GMT+0800 (China Standard Time)

0~99

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

99~0

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

Mr.Lucifer · Answer 84 · Wed Aug 10 2022 19:14:09 GMT+0800 (China Standard Time)

利用 settimeout 的第一个参数可以传表达式的原理，绕过了随机的定时器执行

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

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

xiaobinniu · Answer 85 · Fri Nov 17 2023 18:20:02 GMT+0800 (China Standard Time)

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

Roda · Answer 86 · Fri Nov 17 2023 18:20:23 GMT+0800 (China Standard Time)

你好，我已经收到你的来信！