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 相关文章推荐
javascript 遍历验证所有文本框的值
Aug 27 Javascript
javascript判断office版本示例
Apr 11 Javascript
使用AngularJS编写多选按钮选中时触发指定方法的指令代码详解
Jul 24 Javascript
基于ExtJs在页面上window再调用Window的事件处理方法
Jul 26 Javascript
Webpack的dll功能使用
Jun 28 Javascript
react在安卓中输入框被手机键盘遮挡问题的解决方法
Sep 03 Javascript
Koa代理Http请求的示例代码
Oct 10 Javascript
webpack项目使用eslint建立代码规范实现
May 16 Javascript
jquery操作checkbox的常用方法总结【附测试源码下载】
Jun 10 jQuery
基于layui实现高级搜索(筛选)功能
Jul 26 Javascript
微信小程序自定义顶部组件customHeader的示例代码
Jun 03 Javascript
vue实现把接口单独存放在一个文件方式
Aug 13 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+XML 制作简单的留言本 图文教程
2009/11/02 PHP
php仿微信红包分配算法的实现方法
2016/05/13 PHP
php实现的中秋博饼游戏之绘制骰子图案功能示例
2017/11/06 PHP
PHP的mysqli_sqlstate()函数讲解
2019/01/23 PHP
PHP autoload使用方法及步骤详解
2020/09/05 PHP
用Javascript实现Windows任务管理器的代码
2012/03/27 Javascript
javascript模块化是什么及其优缺点介绍
2013/09/02 Javascript
js实现根据身份证号自动生成出生日期
2015/12/15 Javascript
js运动应用实例解析
2015/12/28 Javascript
Jquery获取当前城市的天气信息
2016/08/05 Javascript
Seajs是什么及sea.js 由来,特点以及优势
2016/10/13 Javascript
jQuery实现模拟flash头像裁切上传功能示例
2016/12/11 Javascript
深入理解Angular4中的依赖注入
2017/06/07 Javascript
通过V8源码看一个关于JS数组排序的诡异问题
2017/08/14 Javascript
浅析node.js的模块加载机制
2018/05/25 Javascript
vue-resource请求实现http登录拦截或者路由拦截的方法
2018/07/11 Javascript
浅析java线程中断的办法
2018/07/29 Javascript
vue实现分环境打包步骤(给不同的环境配置相对应的打包命令)
2019/06/04 Javascript
开发中常用的25个JavaScript单行代码(小结)
2019/06/28 Javascript
ES6之Proxy的get方法详解
2019/10/11 Javascript
JS代码简洁方式之函数方法详解
2020/07/28 Javascript
原生js实现购物车功能
2020/09/23 Javascript
Python中计算三角函数之cos()方法的使用简介
2015/05/15 Python
Python使用matplotlib实现绘制自定义图形功能示例
2018/01/18 Python
python 字典操作提取key,value的方法
2019/06/26 Python
使用pyqt5 tablewidget 单元格设置正则表达式
2019/12/13 Python
python求最大公约数和最小公倍数的简单方法
2020/02/13 Python
html5 canvas 画图教程案例分析
2012/11/23 HTML / CSS
Zalando Lounge瑞士:时尚与生活方式购物俱乐部
2020/03/12 全球购物
美国探亲签证邀请信
2014/02/05 职场文书
充分就业社区汇报材料
2014/05/07 职场文书
奥运会口号
2014/06/13 职场文书
共青团员自我评价
2015/03/10 职场文书
农村婚庆主持词
2015/06/29 职场文书
CSS完成视差滚动效果
2021/04/27 HTML / CSS
win11电脑关机鼠标灯还亮怎么解决? win11关机后鼠标灯还亮解决方法
2023/01/09 数码科技