在使用JavaScript定义一个对象时,这个对象外部也定义一个变量,想要在对象中获取外部的变量,可以使用闭包功能。下面利用实例说明如何获取外部的变量,操作如下:
工具/原料
1
JavaScript
2
HTML5
3
HBuilderX
4
浏览器
5
截图工具
方法/步骤
1
第一步,双击打开HBuilderX,新建一个JavaScript文件,定义一个变量type并赋值A,如下图所示:
2
第二步,再定义一个对象user,添加属性type并赋值B,并添加一个对象方法获取type,如下图所示:
3
第三步,实例化一个对象u,调用对象user中的showFn方法,并打印变量u,如下图所示:
4
第四步,再新建一个静态HTML5页面,将对应的JavaScript引入到页面中,如下图所示:
5
第五步,打开浏览器控制台,查看打印结果发现,结果为一个函数值,如下图所示:
6
第六步,为了显示打印结果为全局变量type的值,在调用u时添加一个小括号,如下图所示:
注意事项
1
注意JavaScript中的闭包函数中获取全局变量
2
注意如何获取JavaScript中的对象的变量