JavaScript中的关键字"VAR"使用详解 分享


Posted in Javascript onJuly 31, 2013

看看下面这几个例子的结果就知道问题了:
这三个例子的执行结果分别是:

Results#region Results
No.1
0
undefined
No.2
0
1
No.3
0
undefined
#endregion

原来JavaScript的变量也是有作用域的,只是它非常的笼统,就分为全局变量和函数变量。在第二个例子中得到0和1,是因为所有的变量都是全局变量,而且那个语句块一共就定义了两个变量。而第一个第三的函数外全局变量,确实说明var关键字有没有都没有关系。而函数内的var关键字就很关键了,它说明第二个var01是函数内的变量,所以在初始化var01前输出自然就是'undefined'了。
那么函数里面是不是就屏蔽掉了全局的var01了呢?我们知道在C/C++可以使用::去访问全局变量,那么JavaScript可不可以呢?这里其实我们只要明白了全局变量到底是什么东西,就好弄了。原来全局变量都是动态添加到Window对象的实例window上的属性而以,所以我们只要在函数内用:document.write(window.var01);就可以取到其值1了。同时在这个上下文中,function内的this也是指向的window实例,我们也可以把引用写成:this.var01。
顺便说一下,重看JScript教程时,它说变量只能是[a-zA-Z_]+[a-zA-Z0-9_]*格式,可是'$'却也可以作为变量名字符,而且还可以用在开头,比如:$1234,更甚至于:$$$ 也是合法的变量名,faint。
我想知道是不是.在调用一个函数时,程序执行顺序会先检查函数内部变量中,有没有关键字var. 然后中再根据检查结果给不同的变量付予不同的作用域和变量值.因为我看到在这三个函数中,var01变量都是在输出语句之后.
function get_global_var(___name) 
{ 
return eval(___name); 
} 
function set_global_var(___name,___value) 
{ 
eval(___name+"=___value"); 
} 
var aa=11; 
Test(); 
WScript.Echo(aa);//22 
function Test() 
{ 
var aa=33; 
WScript.Echo(get_global_var("aa"));//11 
set_global_var("aa",22); 
WScript.Echo(get_global_var("aa"));//22 
WScript.Echo(aa);//33 
}

在上面的例子中this从来就没有指过Test,而一直都是WScript的实例。
如果我们写一个语句:var test = new Test(); 这时Test里的this就是指的Test的一个实例了,这个实例中如果要使用Global的变量,Lostinet给出的是一个方法。
不过最简单还是把global传入对象,这样定义Test:
function Test(global) 
{ 
// ... 
}

然后这样创建实例:var test = new Test(this); 就可以在Test实例中使用global的对象和属性了。
是不是这样,在new的实例中,this就指实例,否则都指WScript?如果这样的话,换了脚本引擎,是不是情况又会不同?这个是标准吗?
new constructor[(arguments)];
new 运算符执行下面的任务:
·创建一个没有成员的对象。
·为那个对象调用构造函数,传递一个指针给新创建的对象作为 this 指针。
·然后构造函数根据传递给它的参数初始化该对象。
要注意的是即使当前作用域内没有调用new,但可能在其父作用域里是调用了new的,所以“在new的实例中,this就指实例,否则都指WScript?”,前半句对,而后半句不一定。
Javascript 相关文章推荐
NiftyCube——轻松实现圆角边框
Feb 20 Javascript
javascript操作select元素实例分析
Mar 27 Javascript
Node.js中防止错误导致的进程阻塞的方法
Aug 11 Javascript
jQuery中值得注意的trigger方法浅析
Dec 12 Javascript
jQuery和CSS仿京东仿淘宝列表导航菜单
Jan 04 Javascript
jQuery实现的简单悬浮层功能完整实例
Jan 23 Javascript
jquery中封装函数传递当前元素的方法示例
May 05 jQuery
Agularjs妙用双向数据绑定实现手风琴效果
May 26 Javascript
基于vue.js快速搭建图书管理平台
Oct 29 Javascript
关于vue路由缓存清除在main.js中的设置
Nov 06 Javascript
原生JavaScript实现留言板
Jan 10 Javascript
如何用Node.js编写内存效率高的应用程序
Apr 30 Javascript
JavaScript 和 Java 的区别浅析
Jul 31 #Javascript
javascript检查表单数据是否改变的方法
Jul 30 #Javascript
JS 对输入框进行限制(常用的都有)
Jul 30 #Javascript
JS无限极树形菜单,json格式、数组格式通用示例
Jul 30 #Javascript
js中widow.open()方法使用详解
Jul 30 #Javascript
Extjs NumberField后面加单位实现思路
Jul 30 #Javascript
Js中获取frames中的元素示例代码
Jul 30 #Javascript
You might like
PHP mail 通过Windows的SMTP发送邮件失败的解决方案
2009/05/27 PHP
PHP 基本语法格式
2009/12/15 PHP
检查php文件中是否含有bom的函数
2012/05/31 PHP
百度实时推送api接口应用示例
2014/10/21 PHP
php数组比较实现查找连续数的方法
2015/07/29 PHP
浅析Yii2缓存的使用
2016/05/10 PHP
php 使用curl模拟ip和来源进行访问的实现方法
2017/05/02 PHP
Add a Formatted Table to a Word Document
2007/06/15 Javascript
JavaScript 获取事件对象的注意点
2009/07/29 Javascript
this和执行上下文实现代码
2010/07/01 Javascript
jquery实现的可隐藏重现的靠边悬浮层实例代码
2013/05/27 Javascript
动态加载js的方法汇总
2015/02/13 Javascript
easyui Droppable组件实现放置特效
2015/08/19 Javascript
js中字符串编码函数escape()、encodeURI()、encodeURIComponent()区别详解
2016/04/01 Javascript
JavaScript生成验证码并实现验证功能
2016/09/24 Javascript
jQuery绑定事件的四种方式介绍
2016/10/31 Javascript
JS制作类似选项卡切换的年历
2016/12/03 Javascript
详解vue2.0组件通信各种情况总结与实例分析
2017/03/22 Javascript
jQuery插件FusionCharts绘制2D双折线图效果示例【附demo源码】
2017/04/14 jQuery
JavaScript算法教程之sku(库存量单位)详解
2017/06/29 Javascript
Angularjs实现数组随机排序的方法
2018/10/02 Javascript
vue-cli4.0多环境配置变量与模式详解
2020/12/30 Vue.js
Vue实现简单计算器
2021/01/20 Vue.js
python3+PyQt5实现自定义分数滑块部件
2018/04/24 Python
多个应用共存的Django配置方法
2018/05/30 Python
pymongo中group by的操作方法教程
2019/03/22 Python
Python 如何对文件目录操作
2020/07/10 Python
基于Python3读写INI配置文件过程解析
2020/07/23 Python
经验丰富程序员才知道的8种高级Python技巧
2020/07/27 Python
传统HTML页面实现模块化加载的方法
2018/10/15 HTML / CSS
Canvas 帧动画吃苹果小游戏
2020/08/05 HTML / CSS
印度在线杂货店:bigbasket
2018/08/23 全球购物
试用期自我评价怎么写
2015/03/10 职场文书
开除通知书范本
2015/04/25 职场文书
离婚案件答辩状
2015/05/22 职场文书
隐形的翅膀观后感
2015/06/10 职场文书