JS全局变量VAR和THIS

2011-05-23 21:43

很多人都觉得在JavaScript声明一个变量，加var和不加var没有什么区别，实际上是一个错误的观点，如果在函数外面，也就是说在window区域加不加var确实是一样，因为都会是全局变量的效果，而如果在函数内部，加var就是局部变量，不加是全局变量。 
function test(){   
  var1 = 2; 
  alert(var1);      
}   
test();   
alert(var1); 
这样可以显示为2 
function test(){   
  var var1 = 2; 
  alert(var1);      
}   
test();   
alert(var1); 
则为变量未定义错误

this多用于函数内部，它永远指向调用他的那个对象，看看下面的例子就明白了

var test={ 
   a:"test", 
   msg:function(){ 
     a="1234"; 
     alert(this.a); 
     var msg1= function(){ 
alert(this.a); 
     } 
     msg1(); 
   } 
} 
test.msg(); 这样会分别显示 "test" ,"1234".

但this也不是这么简单，在看看下面的例子 
function test1()   
{   
  this.var01 = "test"; 
}

function test2()   
{ 
  alert(var01); 
}

var a= new test1(); 
test1(); 
test2(); 
alert(a.var01); 
都可以得到"test". 
可以发现var01变量既是一个全局变量，又是test1内的成员变量。也就是说，如果在函数内部用this定义的变量，如果这个函数你不是直接来运行，而是作为一个类来new的话，虽然函数也要执行一遍，但里面的this定义的 变量是作为类的成员变量来定义的，也就是一个局部变量，上面的测试代码，如果去掉test1();  test2()运行就是未定义变量错误了。

说到变量，最后提一下js变量无类型的说法，这个说法本身没有错，但js变量无类型，这话很模糊，有的人会理解成js 里面没有数据类型。这显然是错误的，js 里面也有数字，字符，布尔，类等数据类型。说变量无类型，指的是刚定义一个变量的时候，这个变量是没有类型的，当你给它赋值的时候，值是什么类型，那这个变量就是什么类型了

——————————————————————————————————————————————————————

实例 - 无穷循环

要创建一个运行于无穷循环中的计时器，我们需要编写一个函数来调用其自身。在下面的例子中，当按钮被点击后，输入域便从 0 开始计数。

<html>

<head>

<script type="text/javascript">

var c=0

var t

function timedCount()

 {

 document.getElementById('txt').value=c

 c=c+1

 t=setTimeout("timedCount()",1000)

 }

</script>

</head>

<body>

<form>

<input type="button" value="Start count!" onClick="timedCount()">

<input type="text" id="txt">

</form>

</body>

</html>

JS全局变量VAR和THIS--在函数内部，加var是局部变量，不加是全局变量的更多相关文章

  1. javascript . 03 函数定义、函数参数（形参、实参）、函数的返回值、冒泡函数、函数的加载、局部变量与全局变量、隐式全局变量、JS预解析、是否是质数、斐波那契数列

    1.1 知识点 函数:就是可以重复执行的代码块 2.  组成:参数,功能,返回值 为什么要用函数,因为一部分代码使用次数会很多,所以封装起来, 需要的时候调用 函数不调用,自己不会执行 同名函数会覆盖 ...

  2. 为什么要在函数内部声明 var that = this 呢

    看一个例子 $('#conten').click(function(){ //this是被点击的#conten var that =this; $('.conten').each(function() ...

  3. js中ajax请求返回的数据处理成数组后，局部变量赋值给全局变量后，为空

    第二步是想把ss的值扔给res_r,两个数组直接相等即可,可谁想到,取出来的值是空. 如图取出来的值是空. 我一脸懵逼,调试了些许时间,最后把ss遍历一下,在重新push进res_r 再来看效果,已经 ...

  4. jquery 调用函数时加（）和不加（）的执行顺序是不同的

    编写JQUERY(3.0,向下兼容3.0)代码当我们调用一个函数时可以不加括号,但加括号与不加括号是不同的.如下代码: $(function(){ a(b);//先打印a 再打印 b a(b());/ ...

  5. js中定义变量加var与不加var的区别？

    var 不一定是用来定义局部变量的 jscript的全局变量和局部变量的分界是这样的:                  过程体(包括方法function,对象Object o ={})外的所有变量不 ...

  6. javascript 中加’var‘和不加'var'的区别，你真的懂吗？

    没看之前千万别说我是标题党,这个问题真的有好多淫都不懂!!! 大家都看了很多文章,都说避免隐式声明全局变量,就是说声明变量前必须加'var',那加了'var'和不加'var'到底有啥区别呢? 先来看一 ...

  7. javascript中加var和不加var的区别

    Javascript是遵循ECMAScript标准下的一个产物,自然ECMAScript的标准其要遵循. 先来看下var关键字的定义和用法 var 语句用于声明变量. JavaScript 变量的创建 ...

  8. 函数内部声明变量的时候，一定要使用var命令。如果不用的话，你实际上声明了一个全局变量！闭包访问局部变量

    函数内部声明变量的时候,一定要使用var命令.如果不用的话,你实际上声明了一个全局变量! function f1(){ n=999; } f1(); alert(n); 子函数可以一层一层读取到父元素 ...

  9. js闭包（函数内部嵌套一个匿名函数：这个匿名函数可将所在函数的局部变量常驻内存）

    js闭包(函数内部嵌套一个匿名函数:这个匿名函数可将所在函数的局部变量常驻内存) 一.总结 1.闭包:就是在一个函数内部嵌套一个匿名函数,这个匿名函数可以访问这个函数的变量. 二.要点 闭包 闭包的相 ...

随机推荐

  1. [JavaScript] 获取数组中相同元素的个数

    /** * 获取数组中相同元素的个数 * @param val 相同的元素 * @param arr 传入数组 */ function getSameNum(val,arr){ processArr ...

  2. klee 测试一个简单的正则表达式匹配函数

    函数源代码位于 klee源码 的examples/regexp文件夹下面:c程雪源码文件名为  Regexp.c First Step: 使用clang编译器将c源代码转化为llvm位码形式.如果你的 ...

  3. docker微服务部署之：七、Rancher进行微服务扩容和缩容

    docker微服务部署之:六.Rancher管理部署微服务 Rancher有两个特色用起来很方便,那就是扩容和缩容. 一.扩容前的准备工作 为了能直观的查看效果,需要修改下demo_article项目 ...

  4. [BZOJ2758] [SCOI2012]Blinker的噩梦 扫描线+set

    题目大意:有n个圆或凸多边形,这些图形不会相交,每当走入或走出一个图形时需要异或上一个代价,有m组操作: 询问操作,每次询问从一个点走到另一个点时,需要的代价(初始代价为0) 修改操作,每次修改一个图 ...

  5. centos7上安装redis

    关闭防火墙:systemctl stop firewalld.service #停止firewallsystemctl disable firewalld.service #禁止firewall开机启 ...

  6. ruby楼层排序问题

    求教楼层排序问题 要求正确楼层排序为: B2,B1,1F,2F,3F...10F,11F 现有这13个无序的楼层 怎么排列成上面的格式? 求教 luikore 1楼 , 19小时前 1人喜欢 sort ...

  7. ruby 数据sql操作

    ActiveRecord ActiveRecord 是 Rails 的 ORM 元件,負責與資料庫溝通,讓我們可以用物件導向的語法操作資料庫.在”打造 CRUD 應用程式”一章中提到的對應概念如下: ...

  8. VUE脚手架，babel转码 常用命令

    vue-cli脚手架,单页面应用初始化时 npm -v 查看npm版本号 npm install vue-cli -g  全局安装vue-cli vue -V查看vue版本号,说明vue-cli已经安 ...

  9. 【BATJ面试必会】Java 基础篇

    一.数据类型 包装类型 缓存池 二.String 概览 不可变的好处 String, StringBuffer and StringBuilder String Pool new String(&qu ...

  10. MD5 加盐（Java）

    本文转载自:https://blog.csdn.net/dingsai88/article/details/51637977 jar:https://pan.baidu.com/s/1-8JaRoUt ...