javascript - js 闭包问题

问题描述

问 题

var name = "The Window";
　　var object = {
　　　　name : "My Object",
　　　　getNameFunc : function(){
　　　　　　return function(){
　　　　　　　　return this.name;
　　　　　　};
　　　　}
　　};
　　alert(object.getNameFunc()());

var name = "The Window";
　　var object = {
　　　　name : "My Object",
　　　　getNameFunc : function(){
　　　　　　var that = this;
　　　　　　return function(){
　　　　　　　　return that.name;
　　　　　　};
　　　　}
　　};
　　alert(object.getNameFunc()());

知道闭包是要在函数外部读取内部的变量，但是这个代码还是不咋理解啊= =

解决方案

var name = "The Window";//定义全局变量name,而在浏览器中，全局变量会自动成为window的属性.
　　var object = {
　　　　name : "My Object",
　　　　getNameFunc : function(){
　　　　　　return function(){
　　　　　　　　return this.name;//这里的this指向window，所以返回window.name
　　　　　　};
　　　　}
　　};
　　alert(object.getNameFunc()());

var name = "The Window";
　　var object = {
　　　　name : "My Object",
　　　　getNameFunc : function(){
　　　　　　var that = this;
　　　　　　return function(){
　　　　　　　　return that.name;//而这里用that保存了本对象this值
　　　　　　};
　　　　}
　　};
　　alert(object.getNameFunc()());
    //所以这两段代码对比是为了说明函数内的嵌套函数的this指向的是顶级变量window.

既然你提到了闭包，那你看看这段代码，自己先思考下，再运行，希望帮到你~

var oPerson = { name: 'john' };

(function(oTeacher) {
   window.getTeacher= function() {
      console.log(oTeacher);
   };
}(oPerson));

window.getTeacher();

oPerson.surname = 'doe';

window.getTeacher();

oPerson = { name: 'mary', surname: 'sullivan' };

window.getTeacher();

这篇关于javascript - js 闭包问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！