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. RabbitMQ交换机规则实例

    RabbitMQ Exchange分发消息时根据类型的不同分发策略有区别,目前共四种类型:direct.fanout.topic.headers .headers 匹配 AMQP 消息的 header ...

  2. (转)C# Enum,Int,String的互相转换 枚举转换--非常实用

    Enum为枚举提供基类,其基础类型可以是除 Char 外的任何整型.如果没有显式声明基础类型,则使用 Int32.编程语言通常提供语法来声明由一组已命名的常数和它们的值组成的枚举. 注意:枚举类型的基 ...

  3. OO第一单元作业

    第一次作业 类图:   复杂度: 圈复杂度的问题一直困扰着这三次作业,主要体现在求导方法中先判断符号导致出现过多判断语句,应该将整理符号放在一个新的类中处理. 第一次作业由于对面向对象的思维有些不理解 ...

  4. 大数据技术之_19_Spark学习_04_Spark Streaming 应用解析小结

    ========== Spark Streaming 是什么 ==========1.SPark Streaming 是 Spark 中一个组件,基于 Spark Core 进行构建,用于对流式进行处 ...

  5. zookeeper知识点学习

    单机模式配置: Zookeeper 的启动脚本在 bin 目录下,Linux 下的启动脚本是 zkServer.sh 在你执行启动脚本之前,还有几个基本的配置项需要配置一 下,Zookeeper 的配 ...

  6. vue、react、angular三大框架对比 && 与jQuery的对比

    前端当前最火的三大框架当属vue.react以及angular了. 但是在做项目的时候,我们怎么去选择呢?  这里做一个比较,希望大家可以有一个比较清晰的认识. vue与react vue和react ...

  7. 问题记录 | PyLint not recognizing cv2 members

    问题记录 | PyLint not recognizing cv2 members VScode中安装了pylint,总是提示cv2的一些成员函数找不到, 如这样的问题: Module 'cv2' h ...

  8. Chapter 3 Phenomenon——8

    I turned to sit up, and this time he let me, releasing his hold around my waist and sliding as far f ...

  9. Java中的四种引用

    引用定义 实际上,Java中存在四种引用,它们由强到弱依次是:强引用.软引用.弱引用.虚引用.下面我们简单介绍下这四种引用: 强引用(Strong Reference):通常我们通过new来创建一个新 ...

  10. SFTP服务器搭建

    Sftp搭建文档 1.  查看openssh的版本 # ssh  -V Openssh版本必须大于4.8p1. 2.  创建用户并设置登录密码 #groupadd sftp #useradd –d / ...