文档章节

JS 有趣的JS

o
 osc_uv42f7cs
发布于 2019/03/26 11:22
字数 285
阅读 55
收藏 0

行业解决方案、产品招募中!想赚钱就来传!>>>

一、

var arr = [];
for (var i = 0; i < 3; i++) {
      arr[i] = function() {
            console.log(i+'__') // 3 3 3
      }
}

arr[0]();
arr[1]();
arr[2]();

 

执行上下文

for循环开始时,i 作为一个全局变量,每次循环都将 function 放进 arr,但 function 没有执行
循环结束,全局变量 i 的值已经变为了 3,这时再执行函数 function
执行结果 3 3 3

 

 

二、

for (var i = 0; i < 3; i++) {
     setTimeout(function() {
            console.log(i+'...') // 3 3 3
     }, 0)
}

JS运行机制
setTimeout 是异步方法
for 循环开始时,setTimeout 里的函数 function 并没有立即执行,而是被加入任务队列
循环结束时,也就是当主进程运行结束时,任务队列的方法才会进入主进程开始执行,此时全局变量 i 的值已经变为了 3
所以执行结果 3 3 3

 

 

三、

window.val = 1;
var obj = {
      val: 2,
      start: function() {
          // console.log(this)
          this.val *= 2;
          val *= 2;
          console.log(val)
          console.log(this.val)
      }
}
obj.start()   // 2 4
var func = obj.start;
func(); // 8 8

this 指向
当执行 obj.start() 时,start函数为 obj 属性,this 指向 obj,执行完毕,window.val = 2,obj.val = 4;
当执行 func() 时,obj.start作为普通函数被调用,this 指向 window。

 

o
粉丝 2
博文 500
码字总数 0
作品 0
私信 提问
加载中
请先登录后再评论。
CSS Browser Selector

CSS Browser Selector 是一个小的 JS 库,可增强 CSS 的选择器功能,支持根据不同的操作系统和浏览器来编写指定的 CSS 代码,可检测浏览器、浏览器版本、平台、平台版本、设备、设备版本、m...

匿名
2013/01/17
2.7K
1
在多个浏览器上运行脚本--Queen

假设你想和朋友们玩这么个游戏:你写下某个数字,然后让朋友们猜你写的是什么数字。你的朋友们将不断的给你一些猜测的数字,直到猜中为止。 现在想象你的朋友都是使用的浏览器,这个游戏就相...

匿名
2013/01/24
4.4K
1
Web开发组件管理器--Bower

Bower 是一个针对Web开发的包管理器。该工具主要用来帮助用户轻松安装CSS、JavaScript、图像等相关包,并管理这些包之间的依赖。 功能有些类似于Component。不同之处是,Component是围绕Git...

匿名
2013/02/01
1.2W
2
Javascript图元绘制库--ternlight

基于HTML CANVAS API的Javascript库,提供在HTML页面上绘制图元——如流程图的能力。 目前已支持简单的矩形图元和图元间的连线(直线、直角连线两种),拖拽图元等能力。 该javascript librar...

fancimage1
2013/02/07
6.2K
1
JavaScript 服务器页--JSSP

JSSP (JavaScript Server Pages) 可以让你在 Java 的应用服务器上使用 JavaScript 生成网页。支持已有的 Java 包和嵌入式 SQL 命令。包含 Dervish 这个 JavaScript 交互操作包用于简化 Ajax...

匿名
2013/02/11
3.7K
0

没有更多内容

加载失败,请刷新页面

加载更多

ThingJS,3D可视化的采集与分析

物联网中最重要的是“物”,通过内置采集数据的传感器,我们实时了解设备——也就是“物”的数据,那如何利用数据做分析决策呢?这就进入到ThingJS熟悉的可视化范畴了。 3D可视化展示 物联网...

ThingJS
13分钟前
8
0
【技术博客】GPU 编程之从零开始实现 MNIST-CNN

【技术博客】GPU 编程之从零开始实现 MNIST-CNN 很多人最开始接触“ GPU ”想必都是通过游戏,一块高性能的 GPU 能带来非凡的游戏体验。而真正使GPU被越来越多人熟知是因为机器学习、深度学习...

MomodelAI
18分钟前
0
0
如何在Linux中符号链接文件? [关闭] - How can I symlink a file in Linux? [closed]

问题: I want to make a symbolic link in Linux. 我想在Linux中建立一个符号链接。 I have written this Bash command where the first path is the folder I want link into and the sec......

富含淀粉
25分钟前
10
0
好用到爆的 Java 技巧

本文不是一个吹嘘的文章,不会讲很多高深的架构,相反,会讲解很多基础的问题和写法问题,如果读者自认为基础问题和写法问题都是不是问题,那请忽略这篇文章,节省出时间去做一些有意义的事情...

码农突围
49分钟前
8
0
消息队列(MessageQueue)-分析

这里分析消息队列的原理和一般做法和其理念价值 这里还会 分析 NATS 和其可改进点 TODO

梦想游戏人
53分钟前
20
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部