让我们来看一个例子: var a = {}; console.log(a); a.foo = 'foo'; 4 console.log(a); 但是问题来了:在chorme跟firfox一样么? 结果是在chrome中显示  {foo: 'foo'},{foo: 'foo'} 而在firefox中是 {},{foo: 'foo'}; 显然:在chrome中是异步的,而在firfox中是同步的:…

项目上线了,闲下来就写写东西吧.积累了好多东西都没有做笔记~挑几个印象深刻的记录一下吧. js的同步异步以及单线程问题: 都知道单线程是js的一大特性.但是通常io(ajax获取服务器数据).用户/浏览器自执行事件(onclick.onload.onkeyup等等)以及定时器(setTimeout.setInterval)这些异步操作又是怎样工作的呢. 我们把js的任务分为两种:同步任务,异步任务: 举个例子吧:   let a=1; console.log("同步任务"): setT…

for(var i=0;i<=3;i++){ setTimeout(function() {  console.log(i)  }, 10);} 答案:打印4次4 这道题涉及了异步.作用域.闭包 settimeout是异步执行,10ms后往任务队列里面添加一个任务,只有主线上的全部执行完,才会执行任务队列里的任务,当主线执行完成后,i是4,所以此时再去执行任务队列里的任务时,i全部是4了.对于打印4次是:  每一次for循环的时候,settimeout都执行一次,但是里面的函数没有被执行,而是被…

看面试题时,发现了一道较为经典的面试题,代码如下 for(var i=1;i<=3;i++){ setTimeout(function(){ console.log(i); },0); }; //答案:4 4 4. 很多初学者,可能会以为答案会是:1 2 3,但仔细研究,你会发现这道题涉及了异步.作用域.闭包.由于网上有很多类似的内容,故我这里就不再赘述,附上链接如下: https://www.cnblogs.com/destinyruru/p/5823760.html https://www.…

for (var i = 1; i <= 5; i++) { setTimeout(function () { console.log(i) },1000)} 会打印出5个6,这是why 因为 for 循环会先执行完(同步优先于异步优先于回调),这时五个 setTimeout 的回调全部塞入了事件队列中,然后 1 秒后一起执行了.为什么不是 1 2 3 4 5 ,问题出在作用域上. 为 setTimeout 的 console.log(i); 的i是 var 定义的,所以是函数级的作用域,不属于…

一.问题 拿接口取值,明明this.props.chartsValue[0]已经返回json数据,结果this.props.chartsValue[0].history报错:无法获得undefined数据的history属性!... 二.原因 数据操作,尤其是取值操作是有时间过程的.console.log出来的信息不代表是此刻变量的数据值(可能是在数据传进来之前就log了),除非一直console.log,才能看到信息从无到有的过程. 三.解决 做数据判断处理,确保在准确拿到值以后,再进行相关操…

Promise console.log All In One 同步事件/异步事件 微任务/宏任务 js 事件循环原理 先执行 同步事件 在执行,异步事件的所有微任务队列,按照时间顺序 最后执行,异步事件里的宏任务队列,按照时间顺序 "use strict"; /** * * @author xgqfrms * @license MIT * @copyright xgqfrms * @created 2020-10-01 * @modified * * @description * @d…

const 创建一个只读的常量 let块级作用域 const let重复赋值都会报错 console.log('a',a) a console.log('a'+a) a2 逗号的值会有空格:用加号的值没有空格…

(点击上方的订阅号,可快速关注,关注有惊喜哦^_^) 前不久看到一道JS基础题目,做了一下竟然错了一半...在此分享一下: 先把题目放上来,大家可以自己测试一下再看答案哦^_^ ①console.log(1+"2"+"3"); ②console.log(1+ +“2”+"3"); ③console.log("A"-"B"+"3"): ④console.log("A"-…

f1.html代码 <iframe id="frame2" name="frame1" src="ww.html"></iframe> <script type="text/javascript"> function ss(){ console.log($('#frame1')) // 打印信息 $f = $(].contentDocument.documentElement.innerTe…