1.一个功能抽象为一个函数,单独提取出来,达到复用的目的。
2.递归,先执行的最后执行完。
3.定义在全局的叫全局变量,定义在函数里面的叫局部变量,函数里面的可以访问外面的,函数外面的不能访问函数外面的,越在函数里面的权限越高。
4.、预编译
1)js三部曲:语法分析、预编译、解释执行
语法分析:先通篇扫描,看有没有语法错误等
预编译:看下面详解。是解释执行的前奏。
解释执行:解释一行执行一行。
2)预编译
本知识点要先知道什么叫函数声明、什么叫变量声明。
1.函数声明整体提升,所以当你声明一个函数以后,系统在执行的时候,会首先把函数声明提到最前面这一步就是函数声明提升,所以不论是在函数上面执行函数还是在函数下面执行函数,其本质都是在函数下面执行函数。
2. 变量 声明提升,就是当你定义一个变量以后,系统在执行时,会先将变量声明提到最前面。
注:浅显的记忆方式按上面两句来记忆。
重点按预编译来。
(1)imply global 暗示全局变量:即任何变量,如果未经声明就赋值,此变量就为全局所有。
eg:a = 123;
eg: function test(){
var a = b =2;
}
test();
window.b --2
window.a --undefined
(2)全局对象就是window,window是一个对象,window对象可以上添加属性,所以:
a = 10; --> window.a = 10;
一切声明的全局变量,全是window的属性。即window就是全局的域。
var a = 123; -->window:{ a : 123 } -->window.a = 123;
预编译四部曲
预编译发生在函数执行的前一刻
1.创建一个AO 对象 Activation Object
2.找形参和变量声明,将变量和形参名作为AO属性名,值为undefined
3.将实参值和形参统一
4.在函数体里面找函数声明,值赋予函数体
function fn(a){
console.log(a); //function a(){}
var a = 123;
console.log(a); // 123
function a(){}
console.log(a); //123
var b = function(){}
console.log(b); //function(){}
function d(){}
}
预编译在函数执行前一刻:
函数存储空间库
AO : {
a : undefined,-->1-->function a(){}
b : undefined,
d : function d(){}
}
fn(1);
执行时:1.console.log(a),就直接在AO里面找a,就是function a(){}
2.var a = 123;因为创建AO时已经进行了变量提升var = a ;所以这一步只需要进行变量赋值a = 123;
3.console.log(a)-->123
4.function a(){},这一步已经在创建AO的时候进行函数声明提升,所以直接执行下一步。
5.console.log(a)-->123
6.var b = function(){},创建AO对象时var b,已经执行,所以这里直接赋值
7.console.log(b)-->function(){}
全局的预编译
在函数里面的预编译,生成AO对象,在全局的预编译生成GO对象,即Global Object
window===GO
1.生成GO对象
2.查找所有的变量声明,将变量名作为GO对象的属性名,值为undefined
3.查找所有的函数声明,将函数本身赋给函数
var a = 123;
function a(){}
GO:{
a:undefined,---->function a(){}
}
执行时: a = 123;
注意:因为GO是全局的对象,AO是函数执行前一刻生成的对象,所以一定是先生成GO再生成AO。
注意:新改的规定,不允许在if语句里面声明函数。
1)var str = fales + 1;--->0 + 1----->1
2)if(typeof(a) && -true + (+undefined) + ""){ alrte('说出你的答案!!!')}
typeof(a)-->"undefined"
-true--> -1
+undefined-->NaN
相当于if( "undefined" && "NaN"){ 所以可以弹出alrte框 }
3)!!" " + !!"" - !!fales || consloe.log("打印啥?")
true + fales - fales || console.log("...")
1 + 0 - 0 --->1 || console.log('...') 所以看见1就停止运行,不执行后面的console
4)(window.foo || (window.foo = ‘bar’))
本题()优先级最高,所以先看(window.foo = 'bar')
如果(window.foo || window.foo = ‘bar’)会报错,因为=优先级最低