一、setTimeout
setTimtout(function(){
alert(2); // 后弹出
},0);
alert(1); // 先弹出
对于如上代码，包含原理如下：
1、首先jsvm只会执行一个线程；
2、当这个线程遇到setTimout的时候，就会讲这个function放到某个队列里面；
3、当前这个线程空闲的时候，就会执行任务队列轮询的代码，将满足条件的函数拿出来执行。
比较简单典型的一个应用场景就是：
$(elem).html(xxxxxx);
setTimeout(function() {
// 内部DOM操作很复杂，此处setTimeout用于保证在内部DOM操作结束并且相关内存被释放掉后执行后续代码
}, 0);
二、eval
js中除了全局作用域和函数作用域之外，还存在一个eval作用域。
eval函数执行的时候，会根据当前执行上下文创建一个作用域。
此处有如下代码：
function a() {
var b = new SomeThing();
return function() {
eval(‘‘);
};
}
如果内部的那个匿名函数使用eval，即便eval中执行的代码没有用到b变量，b也不会被释放掉；如果没有使用eval函数，有的浏览器会释放掉b，有的会根据自身优化，选择不释放掉b。
所以，eval通常是不应该非全局作用域下面执行的，于是jquery有了globalEval函数。
三、预编译
先分别上如下几个片段的代码：
<html>
<head>
<script>
a();
function a(){
alert(1);
}
script>
head>
<body>body>
html>
<html>
<head>
<script>
a();
script>
<script>
function a(){
alert(1);
}
script>
head>
<body>body>
html>
<html>
<head>
<script>
a();
var b = function a(){
alert(1);
}
script>
head>
<body>body>
html>
执行结果分别是：
第一段代码：弹出1；
第二段代码：第一个script片段报错，a不存在；
第三段代码：报错，a不存在；
原因：
第一段代码中，jsvm会预编译，构造好a函数，所以访问a函数的顺序是不重要的；
第二段代码中，预编译是会分代码块执行的，每个script都会形成一个代码块，即便script是通过src引入js的；
第三段代码中，a函数的定义由于放在了一个表达式当中，因此jsvm不会预编译。
但是，此处还可以继续深入，第三段代码改成如下所示：
<html>
<head>
<script>
var b = function a(){
alert(1);
}
a();
script>
head>
<body>body>
html>
这段代码也同样会报错，a不存在。为什么呢？原因就是a函数放在了表达式当中，jsvm会把a函数看作一个匿名函数，因此在当前语句执行完，a就被释放掉了。
但是，请注意，上面讨论的都是根据w3c标准得出的结果，在第三段和第四段代码中，IE 6、7、8还是会预编译的，并且不会释放掉a，因此不会报错。
四、自执行函数
自执行函数的几种形式：
(function() {})();
(function() {}());
!function(){}();
void function(){}();
其中第三种写法会造成额外的运算，因为要对返回的内容做“非”操作。
五、弱式转化[TODO]
六、预编译中的变量声明
如下代码：
function a(x){
return x*2;
}
var a;
alert(a);
var a只是声明，并不会干啥，var a只会让当前作用域的alert(a)不会报a不存在的错误，a实际上是什么，需要显示赋值；如果var a之前已经存在a了，则啥也不干。
七、function传参
如下代码：
function fn1(a, b, c){
a = 1.2;
b = 2.2;
c.c = 3.2;
}
var a = 1;
var b = 2;
var c = {c:3};
fn1(a,b,c);
alert(a);
alert(b);
alert(c.c);
原理不难理解，注意值类型和引用类型的区别。
八、作用域链
有如下几点：
1、作用域链是在定义的时候就确定下来了的；
2、隐式对象模型：对于一个作用域，jsvm会创建一个隐式对象，然后在这个对象上面绑定当前作用域的各种变量。多个函数的嵌套定义也就会形成一条作用域链了。如果在某个作用域中要访问一个a变量，则会首先在当前作用域中查找是否存在a变量，如果不存在，则向上找父作用域隐式对象中是否存在a变量，依次类推，如果到了根作用域还找不到a变量的话，就会报错了。
九、类数组结构
第一个问题，如何构造类数组结构？思路简单，不赘述。
jquery选择器构造出来的就是一个类数组结构。
十、工厂模式
function factory() {
return new ThisIsAClass();
}
优点：
1、可以防止调用者把构造函数直接当成函数调用了；
2、省略了成片成片的new关键字，jquery就是一个正面例子。
一些core Javascript的基础知识
京公网安备 11010802041100号