代码块: JS中的代码块是指由<script>标签分割的代码段.JS是按照代码块来进行编译和执行的,代码块间相互独立(即就算代码块1出错,但不影响代码块2的加载和执行),但变量和方法共享. 案例:2个代码块 <script type="text/javascript">     console.log("这是代码块一"); </script>   <script type="text/javascript"…

读<单页Web应用一书>,第二章讲了js内部运行机制,感觉棒极了.之前读<你不知道的js>,看的云里雾里,似懂非懂.没想到单页Web一书将此内容讲的如此通俗易懂,好多困惑已久的问题就被解决了.此书应当和js高程一样被推荐的.…

一. js运行机制 js执行引擎 经常看文章的说到js是带线程的,其实这个说法非常的模糊,准确的是js执行引擎是单线程的,js执行引擎就是js代码的执行器,有了这个概念就可以下来说说js是如何运行的了. js代码如何运行? 在js代码执行的时候,js的代码是按照顺序执行的,从上到下,这个时候是同步的,不过,有几个例外: 异步的网络请求 事件绑定.事件监听器 时间触发函数 我们模拟一下,js引擎遇到这三类代码的情况: js执行的好好的,正在顺序执行代码,这个时候呢,遇到了异步的网络请求的代码,这个…

首先大家都知道javascript是单线程语言. 什么是单线程呢?比如我们去车站买票,只有一个售票窗口,大家排队买票,需要前面的人买完票,后面的人才能买票. 那为什么javascript不能是多线程呢? 这主要和它的用途有关.假如javascript可以多线程,例如操作DOM元素,一个线程往DOM里面添加内容,另一个线程则删除内容,那这时浏览器应该用哪个线程呢? 任务队列 从上面的例子中可以知道,单线程是有一个队列的,并且是有顺序的执行(按顺序买票). 我们在考虑一个问题.假如第一个买票的人遇到…

在开始之前先看个面试例子 为什么会是0 1 2 2,而不是 0 0 1 1 再来看个例子 输出结果是4个undefined,为何不是1,2,3,4? 这是为什么呢,这是因为setTimeout是异步的,运行机制是指定的代码,必须等到本次执行的所有同步代码都执行完,才会执行.优先关系:异步任务要挂起,先执行同步任务,同步任务执行完毕才会响应异步任务. 这里解释下异步执行过程,浏览器有个定时器(timer)模块,定时器到了执行时间才会把异步任务放到异步队列,for循环体执行的过程中并没有把setTi…

转自:http://blog.leapoahead.com/2015/09/15/js-closure/ 我研究JavaScript闭包(closure)已经有一段时间了.我之前只是学会了如何使用它们,而没有透彻地了解它们具体是如何运作的.那么,究竟什么是闭包? Wikipedia 给出的解释并没有太大的帮助.闭包是什么时候被创建的,什么时候被销毁的?具体的实现又是怎么样的? "use strict"; var myClosure = (function outerFunction()…

这里主要是结合Event Loop来谈JS代码是如何运行的. 事件循环对于我们平时开发可以说是特别重要,可以让我们写出更好的代码. 到这里相信我们已经知道了JS引擎是单线程,而且这里会用到前面说的的几个概念:(如果不是很理解,可以看看前几节) JS引擎线程 [执行js代码] 事件触发线程[轮训] 定时触发器线程[倒计时结束了,要执行回调方法了] 然后再理解一个概念: JS分为同步任务和异步任务 同步任务都在主线程上执行,形成一个执行栈 [执行栈后面咱们会详细的介绍,栈的特点是后进先出] 主线程之…

本文来自 @xiaoyuze88 链接:http://xiaoyuze88.github.io/ 太久没碰代码了,那天想到关于循环调用setTimeout实现每隔一秒输出递增的数的那个问题,搞了搞,发现很多概念模糊了,在此总结下. 所谓的循环调用setTimeout实现递增输出,就是说用for循环10次,每隔一秒输出一个从0~9的数. 不多说,直接上最终代码再说,细节后面再谈. for (var i = 0; i < 10; i++) { //这里用闭包,为每一个i生成一个独立的上下文环境,传递…

1. new Vue() 之后. Vue 会调用 _init 函数进行初始化,也就是这里的 init 过程,它会初始化生命周 期.事件. props. methods. data. computed 与 watch 等.其中最重要的是通过 Object.defineProperty 设置 setter 与 getter 函数,用来实现「 响应式」以及「 依赖收集」 2. mounted 初始化之后调用 $mount 会挂载组件,如果是运行时编译,即不存在 render function 但是存在…

DOM  Event------------------>触发function() function  自身的调用 主要就是调用function 1.DOM Event 2.调用function…