闭包
2019-10-11 本文已影响0人
田成力
闭包作用（保护）
形成私有作用域，保护里面的私有变量不受外界的干扰
jQuery：常用的JS类库，提供了很多项目中常用的方法（兼容所有浏览器）
Zepto：小型JQ，专门为移动端开发准备的
1.//=>JQ代码片段
2.(function(window){
3. var jQuery=function(){
4. ...
5. };
6. ...
7.
8. window.jQuery=window.$=jQuery;
9.})(window);
10.
11.jQuery()
12.$()
13.
14.//=>Zepto的代码片段
15.var Zepto=(function(){
16. var Zepto=function(){
17. ...
18. };
19. ...
20. return Zepto;
21.})();
22.var $=Zepto;
23.Zepto();
24.$();
真实项目中，我们利用这种保护机制，实现团队协作开发（避免了多人同一个命名，导致代码冲突的问题）
1.//=>A
2.~function(){
3. //=>A写的代码
4. function fn(){
5. ...
6. }
7. window.fn=fn;
8.}();
9.
10.//=>B
11.~function(){
12. //=>B写的代码
13. function fn(){}
14.
15. //=>B想要调取A写的fn
16. window.fn();
17.}();
闭包作用（保存）
函数执行形成一个私有作用域，函数执行完成，形成的这个栈内存一般情况下都会自动释放
但是还有二般情况：函数执行完成，当前私有作用域（栈内存）中的某一部分内容被栈内存以外的其它东西（变量/元素的事件）占用了，当前的栈内存就不能释放掉，也就形成了不销毁的私有作用域（里面的私有变量也不会销毁）
i++和++i的区别
i++：先拿原有i的值和其它值进行运算，运算完成后在自身累加1
++i：先自身累加1，然后拿累加完成的结果和其它值进行运算
1.var i=5;
2.console.log(5+i++);//->10 5+(i++) 加括号也是先运算在累加1
3.console.log(i);//->6
4.
5.i=5;
6.console.log(5+(++i));//->11
7.console.log(i);//->6
函数执行形成一个私有作用域，如果私有作用域中的部分内容被以外的变量占用了，当前作用域不销毁
[形式]
函数执行返回了一个引用数据类型堆内存的地址（并且堆内存隶属于这个作用域），在外面有一个变量接收了这个返回值，此时当前作用域就不能销毁（想要销毁，只需要让外面的变量赋值为null，也就是不占用当前作用域中的内容了）
1.function fn() {
2. var i = 1;
3. return function (n) {
4. console.log(n + i++);
5. }
6.}
7.var f = fn();
8.f(10);//->11
9.fn()(10);//->11
10.f(20);//->22
11.fn()(20);//->21
严格模式和非严格模式的区别
- 严格模式下不支持arguments.callee和arguments.callee.caller.
- 在严格模式下arguments和形参没有映射机制
- 在严格模式下不允许给一个对象设置重复属性名的
- 在严格模式下函数执行如果没有明确指定函数的主体（函数前面没有点），不像非严格模式下一样统一都交给window，而是让this指向undefined，代表没有执行主体：“严格模式下有执行主体this就指向谁，没有执行主体this就是undefined”
- 高程3最后有严格模式和非严格模式的汇总。
function fn(x, y) {
var arg = arguments;
/*
* x=10 y=undefined
*
* ARG
* 0:10
* length:1
*/
// y = 200;
// console.log(arg[1]);//=>undefined
arg[1] = 300;
/*
* ARG
* 0:10,
* 1:300,
* length:2
*/
console.log(y);
y=400;
console.log(arg[1]);
//=>ARGUMENTS和形参的映射机制建立在函数执行后形参赋值的一瞬间，此时能建立映射机制的建立映射机制，不能建立起来的，以后不管怎么操作都无法再建立了
}
fn(10);
----------
"use strict";
var a = 4;
function b(x, y, a) {
console.log(a);//=>3
arguments[2] = 10;
console.log(a);//3
}
a = b(1, 2, 3);//=>undefined
