René's URL Explorer Experiment

{"@context":"https://schema.org","@type":"DiscussionForumPosting","headline":"闭包","articleBody":"闭包的两个特点：\n1. 闭包作为与函数成对的数据，在函数执行过程中处于激活（即可访问）状态；\n2. 闭包在函数运行结束后，保持运行过程的最终数据状态。\n\n总的来说，函数闭包决定了：闭包所对应的函数代码如何访问数据，以及闭包内的数据何时销毁。\n\n``` js\n// 没有函数实例产生\nfunction myFunc(){\n}\n\nvar f1 = myFunc;\nvar f2 = myFunc;\n\nalert(f1 === f2)\n```\n\n``` js\n\nfunction MyObject(){\n}\n\nMyObject.prototype.method = function(){}\n\nvar obj1 = new MyObject();\nvar obj2 = new MyObject();\n\nalert( obj1.method === obj2.method)\n\n// 对象的实例只持有原型中的方法的一个引用，因为也不产生（方法）函数的实例。\n\n```\n\n``` js\nfunction MyObject(){\n    this.method = function(){}\n}\n\nvar obj1 = new MyObject;\nvar obj2 = new MyObject;\nalert( obj1.method === obj2.method)\n//false\n```\n\n``` js\n//构造器函数\n\nfunction MyObject(){\n    var instance_data = 100;\n    this.getInstanceData = function(){\n        return instance_data;\n    }\n\n    this.setInstanceData = function(v) {\n        instance_data = v;\n    }\n}\n\n// 使用一个额匿名函数去修改构造器的原型 MyObject.prototype，以访问该匿名函数中的 upvalue\n\nvoid function(){\n    var class_data = 5;\n\n    this.getClassData = function(){\n        return class_data;\n    }\n\n    this.setClassData = function(v){\n        class_data = v;\n    }\n}.call(MyObject.prototype);\n\nvar obj1 = new MyObject();\nvar obj2 = new MyObject();\n\n// obj1 与 obj2 的 getInstance 是不同函数实例，因此访问的是不同闭包的 upvalue\nobj1.setInstanceData(10);\nconsole.log(obj2.getInstanceData());\n\n// obj1 与 obj2 的 getClassData 是同一个函数实例，因此在访问相同 的 upvalue. \nobj1.setClassData(20);\nconsole.log(obj2.getClassData());\n```\n\n``` js\n\nfunction aFunc(){\n    function MyFunc(){}\n    return myFunc;\n}\n\nvar f1 = new aFunc();\nvar f2 = new aFunc();\nconsole.log(f1===f2)\n//FALSE\n```\n\n``` js\n//foo \u0026 bar 产生函数实例\nfunction foo(){\n    var  MyFunc = function(){}\n    return MyFunc;\n}\n\nfunction bar(){\n    return function(){\n\n    };\n}\n```\n\n``` js\n//返回同一个实例\n\nvar aFun3 = function(){\n    var foo = function(){\n        console.log(111)\n    };\n\n    return function(){\n        return foo;\n    }\n}()\n\nvar f3 = aFun3();\nvar f4 = aFun3();\nconsole.log(f3 === f4)\n```\n\n调用对象：\n1. 对象属性与变量没有本质属性；\n2. 全局变量其实是“全局对象”的属性；\n3. 局部变量其实是“调用对象”的属性\n\n“调用对象”的局部变量维护规则\n1. 在函数开始执行时，varDecls 中所有值将被置为 undefined。 因此我们无论如何访问函数，变量初始值总为 undefined。\n2. 函数执行结束并退出时，varDecls 不会被重置，即有了函数能够提供“在函数内保存数据”。\n3. 函数内部数据持续的生存周期，取决于该函数实例是否存在活动引用——如果没有，则调用对象被销毁。\n\n“全局对象”的变量维护规则\n1. 由于该函数从来不被再次进入，因此不会被重新初始化；\n2. 由于该函数仅有一个个被系统持有的实例，因此他自身和内部数据总不被销毁。\n\n函数闭包 与 “调用对象”的生存周期\n\n在运行期改函数实例有一个函数闭包，在执行时，引擎会：\n- 创建一个函数实例；\n- 为该函数实例创建一个闭包；\n- 为改函数实例（及其闭包）的运行环境从 ScriptObject(调用对象) 复制一个调用对象。\n","author":{"url":"https://github.com/paddingme","@type":"Person","name":"paddingme"},"datePublished":"2015-08-22T08:55:39.000Z","interactionStatistic":{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":0},"url":"https://github.com/29/Learning-JavaScript/issues/29"}