JS全局变量和局部变量最新解析


Posted in Javascript onJune 24, 2016

就是这种盲目无原理依据的研究测试弄晕了我, 有必要这么做吗? 其实理解了原理就没必要搞这么多一个一个的试, 然后得出规律, ECMAScript规则都已经定义好了.

var的规则是: 使用var声明变量就是内部变量, 否则就是先调用全局变量, 不管多少层函数.

this的规则是: method函数里的this永远指向自身, 普通函数的this永远指向DOMWindow.

// GodDamnTest1
function Foo() { 
var a = 123; // 局部变量, 所有子函数的全局变量
this.a = 456; // 对象属性
(function() { 
alert(a); // 123, 全局
alert(this.a); // undefined, 普通函数, this指向DOMWindow 
})(); 
} 
var f = new Foo(); 
// GodDamnTest2
function Foo() { 
var a = 123; 
this.a = 456; 
(function(a) { // 局部声明
alert(a); // 456, 被函数局部声明的a覆盖了全局 
})(this.a); 
} 
var f = new Foo(); 
// GodDamnTest3
function Foo() { 
var a = 123; 
this.a = 456; 
(function() { 
alert(a); // 123, 全局
alert(this.a); // undefined, DOMWindow 
this.b = 789; // window.b = 789
})(); 
(function() { 
alert(this.b); // 789, window.b
})(); 
} 
var f = new Foo(); 
(function() { 
alert(this.b); // 789, window.b
})(); 

// GodDamnTest4
function Foo() { 
(function() { 
this.b = 789; // window.b = 789
})(); 
(function() { 
alert(this.b); // 789, window.b
var b = 0; 
alert(b); // 0, 这样的测试也写出来了!
})(); 
} 
var f = new Foo(); 
(function() { 
alert(this.b); // 789, window.b
alert(b); // 789, window.b
})();

令人意外的是,最后一个 alert(b),结果仍然是 789。 // no damn surprise at all!

// GodDamnTest5
function Foo() { 
(function() { 
this.b = 789; // window.b = 789
})(); 
(function() { 
alert(this.b); // 789, window.b
alert(b); // undefined, 全局
var b = 0; 
alert(b); // 0, 还有这种测试!
})(); 
} 
var f = new Foo(); 
(function() { 
alert(this.b); // 789, window.b
alert(b); // 789, window.b
})();

PS:JS删除局部变量的方法

alert('value:'+str+'\ttype:'+typeof(str)) //声明变量前,引用
var str="dd";
alert('value:'+str+'\ttype:'+typeof(str)) //声明并赋值变量后,引用
str=undefined;




 //删除局部变量
alert('value:'+str+'\ttype:'+typeof(str)) //取消变量后,引用,和第一个相同

以上所述是小编给大家介绍的JS全局变量和局部变量最新解析,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
asp.net+jquery滚动滚动条加载数据的下拉控件
Jun 25 Javascript
JS实现模仿微博发布效果实例代码
Dec 16 Javascript
php is_numberic函数造成的SQL注入漏洞
Mar 10 Javascript
JS实现控制表格行文本对齐的方法
Mar 30 Javascript
通过sails和阿里大于实现短信验证
Jan 04 Javascript
谈谈对vue响应式数据更新的误解
Aug 01 Javascript
一份超级详细的Vue-cli3.0使用教程【推荐】
Nov 15 Javascript
Node.js原生api搭建web服务器的方法步骤
Feb 15 Javascript
使用layui定义一个模块并使用的例子
Sep 14 Javascript
vue滚动插件better-scroll使用详解
Oct 18 Javascript
JS实现点餐自动选择框(案例分析)
Dec 10 Javascript
addEventListener()和removeEventListener()追加事件和删除追加事件
Dec 04 Javascript
jQuery插件passwordStrength密码强度指标详解
Jun 24 #Javascript
jquery选择器中的空格与大于号>、加号+与波浪号~的区别介绍
Jun 24 #Javascript
jquery表单插件Autotab使用方法详解
Jun 24 #Javascript
jQuery插件cxSelect多级联动下拉菜单实例解析
Jun 24 #Javascript
jQuery下拉框的简单应用
Jun 24 #Javascript
浅谈json取值(对象和数组)
Jun 24 #Javascript
json对象与数组以及转换成js对象的简单实现方法
Jun 24 #Javascript
You might like
PHP 常用函数库和一些实用小技巧
2009/01/01 PHP
discuz程序的PHP加密函数原理分析
2011/08/05 PHP
php_screw 1.5:php加密: 安装与使用详解
2013/06/20 PHP
php结合curl实现多线程抓取
2015/07/09 PHP
详细解读PHP的Yii框架中登陆功能的实现
2015/08/21 PHP
通过js脚本复制网页上的一个表格的不错实现方法
2006/12/29 Javascript
ExtJS PropertyGrid中使用Combobox选择值问题
2010/06/13 Javascript
javascript加号"+"的二义性说明
2013/03/04 Javascript
浅谈JavaScript正则表达式分组匹配
2015/04/10 Javascript
JavaScript更改字符串的大小写
2015/05/07 Javascript
javascript获取网页宽高方法汇总
2015/07/19 Javascript
javascript实现网页屏蔽Backspace事件,输入框不屏蔽
2015/07/21 Javascript
js图片翻书效果代码分享
2015/08/20 Javascript
Bootstrap每天必学之前端开发框架
2015/11/19 Javascript
js鼠标点击图片切换效果实现代码
2015/11/19 Javascript
易操作的jQuery表单提示插件
2015/12/01 Javascript
js实现页面跳转的五种方法推荐
2016/03/10 Javascript
JavaScript获取css行间样式,内连样式和外链样式的简单方法
2016/07/18 Javascript
JS简单判断函数是否存在的方法
2017/02/13 Javascript
javascript基本常用排序算法解析
2017/09/27 Javascript
详解vuejs2.0 select 动态绑定下拉框支持多选
2019/04/25 Javascript
vue移动端屏幕适配详解
2019/04/30 Javascript
可用于监控 mysql Master Slave 状态的python代码
2013/02/10 Python
详解Python中for循环的使用方法
2015/05/14 Python
Python解析json之ValueError: Expecting property name enclosed in double quotes: line 1 column 2(char 1)
2017/07/06 Python
浅谈PYTHON 关于文件的操作
2019/03/19 Python
Python时间序列处理之ARIMA模型的使用讲解
2019/04/02 Python
python 数据分析实现长宽格式的转换
2020/05/18 Python
python 对象真假值的实例(哪些视为False)
2020/12/11 Python
演讲比赛获奖感言
2014/02/02 职场文书
《我要的是葫芦》教学反思
2014/02/23 职场文书
三八妇女节活动主持词
2014/03/17 职场文书
高考励志标语
2014/06/05 职场文书
《中国梦我的梦》小学生演讲稿
2014/08/20 职场文书
台风停课通知
2015/04/24 职场文书
SpringBoot+VUE实现数据表格的实战
2021/08/02 Java/Android