javascript定义变量时带var与不带var的区别分析_javascript技巧

本文实例分析了javascript定义变量时带var与不带var的区别。分享给大家供大家参考。具体分析如下:

直接看实例里说明:

复制代码 代码如下:

<script language="javascript" type="text/javascript">
var abc=89;//带var,表示全局变量
function test(){
 var abc=80;//在函数内部,如果不带var,表示使用函数外全局变量;带上var,表示新定义一个全局变量
}
test();
window.alert(abc);
</script>

严格来说:函数体内不带var,并不是指定义一个变量,而是进行变量赋值,即var abc;abc=8。在函数体内如果进行赋值 abc=80(不带var),实际过程是这样的——该语句先在函数体内查找变量abc,如果找不到,它会往上在函数体外继续查找变量abc,如果还是找不到,最后没有办法,只能在函数体外定义变量var abc。

所以,为什么

复制代码 代码如下:

function test(){
 abc = 80;
}

能够在函数外部直接调用变量abc,也就是这么一个原因。

希望本文所述对大家的javascript程序设计有所帮助。

时间: 2024-09-09 16:40:01

javascript定义变量时带var与不带var的区别分析_javascript技巧的相关文章

javascript嵌套函数和在函数内调用外部函数的区别分析_javascript技巧

我们都知道在函数中定义的局部变量在声明他的函数体以及其嵌套的函数内始终是有定义的,并且在函数的作用域链上始终会有个对象指向全局对象,使函数能够访问到全局变量. var ga = 'global'; var func = function() { var la = 'local'; return function() { return function() { return function() { alert(la);alert(ga); } } } } a = func(); a()()();

javascript定义变量时带var与不带var的区别分析

 这篇文章主要介绍了javascript定义变量时带var与不带var的区别,以一个简单实例分析了变量定义时带var与不带var的执行原理及用法区别,需要的朋友可以参考下     本文实例分析了javascript定义变量时带var与不带var的区别.分享给大家供大家参考.具体分析如下: 直接看实例里说明: 代码如下: <script language="javascript" type="text/javascript"> var abc=89;//带

javascript定义变量时加var与不加var的区别_基础知识

一.外部的为全局,内部的为局部变量. 二.加var为局部变量(在方法内),不加var为全局变量(当方法内有一次使用后) 复制代码 代码如下: <script type="text/javascript"> var golbe="global"; test(); function test(){      var local="local";     document.write(golbe);     document.write(l

JavaScript定义数组的三种方法(new Array(),new Array(&#039;x&#039;,&#039;y&#039;)_javascript技巧

如下所示: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Co

javascript css在IE和Firefox中区别分析_javascript技巧

一.document.formName.item("itemName") 问题  问题说明:IE下,可以使用 document.formName.item("itemName") 或 document.formName.elements ["elementName"]:Firefox下,只能使用document.formName.elements["elementName"]. 解决方法:统一使用document.formNa

javascript基于原型链的继承及call和apply函数用法分析_javascript技巧

本文实例讲述了javascript基于原型链的继承及call和apply函数用法.分享给大家供大家参考,具体如下: 1. 继承是面向对象编程语言的一个重要特性,比如Java中,通过extend可以实现多继承,但是JavaScript中的继承方式跟JAVA中有很大的区别,JS中通过原型链的方式实现继承. (1)对象的原型:因为JS中,函数也是对象,因此我们先从对象出发.什么是对象的原型,原型的定义为: 所有通过对象直接量创建的对象都具有同一个函数原型,并且可以通过Object.prototype获

javascript中基本类型和引用类型的区别分析_javascript技巧

基本类型和引用类型 ECMAScript包含两个不同类型的值:基本类型值和引用类型值.基本类型值指的是简单的数据段:引用类型值指由多个值构成的对象.当我们把变量赋值给一个变量时,解析器首先要做的就是确认这个值是基本类型值还是引用类型值. 常见的五种基本数据类型是: Undifined.Null.Boolean.Number和String.这五种基本数据类型可以直接操作保存在变量中的实际值. 看下面例子: var a = 10; var b = a; b = 20; console.log(a);

javascript之with的使用(阿里云、淘宝使用代码分析)_javascript技巧

记得还在懵懂学习JavaScript基础之时,坊间便有传言"with语句是低效率语句,若非必要,请不要使用该语句",同时, ECMAScript 5 的strict mode下是禁止使用with语句的,所以一直以来我对with语句一直没啥好感. 今天在知乎有个话题大概说的是"你觉得什么东西相当有B格"之类的,然后就有人贴了这段代码: with(document)with(body)with(insertBefore(createElement("scrip

JavaScript与DropDownList 区别分析_javascript技巧

比如<asp:LinkButton>控件就被渲染成了<a>锚点控件,这里要讲的DropDownList控件也一样,被渲染成了普通的select控件,在如下的asp.net页面中定义了一个web服务器控件DropDownList和一个普通的select控件(主要为了对比). 代码 复制代码 代码如下: <asp:DropDownList ID = "ddlCities" runat = "server"> <asp:ListI