前端基础3：js篇（基础及算法）

转载于 2018-03-05 15:19:00 发布 · 58 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/xudengwei/p/6369950.html

文章标签：

#前端 #ViewUI

本文深入探讨了JavaScript中闭包的应用及不同实现方式，并通过具体示例代码展示了闭包在循环中的行为特性。此外，还解析了Promise的工作机制及其在异步编程中的使用场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、js闭包相关：

题1：

 1 for (var i = 0; i < 5; i++) {
 2   setTimeout(function() {
 3     console.log(i);
 4   }, 1000 * i);
 5 }
 6 
 7 //变形1
 8 for (var i = 0; i < 5; i++) {
 9   (function(i) {
10     setTimeout(function() {
11       console.log(i);
12     }, i * 1000);
13   })(i);
14 }
15 
16 //变形2
17 for (var i = 0; i < 5; i++) {
18   (function() {
19     setTimeout(function() {
20       console.log(i);
21     }, i * 1000);
22   })(i);
23 }
24 
25 //变形3
26 for (var i = 0; i < 5; i++) {
27   setTimeout((function(i) {
28     console.log(i);
29   })(i), i * 1000);
30 }

2、Promise相关

 1 setTimeout(function() {
 2   console.log(1)
 3 }, 0);
 4 new Promise(function executor(resolve) {
 5   console.log(2);
 6   for( var i=0 ; i<10000 ; i++ ) {
 7     i == 9999 && resolve();
 8   }
 9   console.log(3);
10 }).then(function() {
11   console.log(4);
12 });
13 console.log(5);