`
sun4love
  • 浏览: 234572 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

js中理解变量的声明

 
阅读更多

要点:

 

1,函数内声明的变量,无论在哪里声明,作用域都是函数内,无论if块,for循环内等等

 

2,声明局部变量,必须使用var关键字声明,否则该变量是全局的。谨记

 

从事例加深理解,你可以使用记事本保存为html,浏览器实际运行测试一下

 

例子:

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <title> New Document </title>
  <meta name="Generator" content="EditPlus">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <script type="text/javascript">
		function demo1(){
			for(i=0;i<10;i++){//未加var声明,i为全局
			}
		}
		function test1(){
			demo1();
			alert(i);
		}
		function demo2(){
			for(a=0;a<10;a++){//加var声明,局部变量
				var b;		  //局部变量,该变量为函数变量,
			}
			//这里可以使用变量b哦,与java不同
		}
		function test2(){
			demo();
			alert(a);//会报错,因为未声明
		}
  </script>
 </head>
 <body>
  <button onclick="test1();">未加var声明的i为全局变量</button><br />
  <button onclick="test2();">加var声明的a为局部变量</button><br />
 </body>
</html>

 

效果图

 

 

 

  • 大小: 120.8 KB
分享到:
评论

相关推荐

    JavaScript声明全局变量访问方法

    总之,理解并正确使用JavaScript中的全局变量对于编写健壮的代码至关重要。了解不同声明方式、访问方法以及相关注意事项,可以帮助开发者更好地组织和维护代码,同时避免潜在的问题。在实际编程中,我们应遵循最佳...

    JavaScript变量声明详解.pdf

    JavaScript中的变量声明是编程的基础,理解这一概念对于编写健壮的代码至关重要。本文将深入探讨JavaScript中的变量声明,包括全局变量、局部变量、隐式全局变量以及“hoisting”(预解析)现象。 首先,变量根据其...

    JS变量问题详解

    首先,我们要了解JavaScript中的变量有三种声明方式:使用var关键字、let关键字和const关键字。每种声明方式决定了变量的作用域和生命周期。 var关键字是早期JavaScript中声明变量的主要方式,它具有函数作用域或...

    javascript变量作用域

    在 JavaScript 中,函数中声明的变量在整个函数中都有定义。这意味着,即使在函数体内部定义了局部变量,该变量也可以在整个函数体内使用,并可以重新赋值。 了解 JavaScript 变量作用域的规则非常重要,因为它可以...

    JavaScript变量声明详解

    JavaScript变量声明是编程基础中的重要一环,理解变量声明对于编写有效的JS代码至关重要。本文将深入探讨JavaScript中的变量声明方式,以及与之相关的全局变量、局部变量、隐式全局变量和“hoisting”(悬置/置顶...

    JavaScript程序设计课件:变量.pptx

    JavaScript是一种广泛应用于...理解并熟练掌握变量的使用是JavaScript编程的基础,它允许我们在程序中灵活地存储和操作数据,实现各种复杂的逻辑。在实际编程中,需要注意合理命名变量,确保代码的清晰性和可维护性。

    深入理解变量作用域

    ### 深入理解变量作用域 #### 一、引言 在JavaScript编程语言中,作用域是一个核心概念,它决定了变量的可见性和生命周期。作用域不仅影响着代码的执行效率,更是解决bug的关键所在。本文将从JavaScript权威指南...

    js变量作用域

    在探讨JavaScript的面向对象特性之前,理解变量作用域的概念至关重要。本篇文章旨在通过一系列示例和解释,帮助读者掌握JavaScript中的变量作用域机制。 #### 二、全局变量与作用域划分 ##### 1. 全局变量 在...

    JavaScript变量

    ### JavaScript变量详解 ...综上所述,理解JavaScript变量的命名规则、声明方式以及作用域等概念对于编写高质量的JavaScript代码至关重要。遵循这些最佳实践可以帮助开发者写出更加清晰、高效且易于维护的代码。

    深入理解javascript变量声明

    在JavaScript编程中,变量声明是一个基础但至关重要的概念。正确理解和使用变量声明不仅有助于编写结构良好的代码,而且可以避免常见的错误,如变量提升、作用域问题以及全局污染。 首先,JavaScript变量的声明方式...

    【JavaScript源代码】JavaScript中变量提升和函数提升实例详解.docx

    变量提升是指在JavaScript语言中,变量声明会被提升到当前作用域的顶端。这意味着,即使变量声明在代码的后面,但是在执行时,它会被提升到当前作用域的顶端。例如,在 1中,`console.log(num)`会输出`undefined`,...

    深入理解JavaScript系列(12) 变量对象(Variable Object)

    JavaScript是一种在浏览器和服务器端广泛使用的编程语言,它支持面向对象、命令式、...理解变量对象的工作原理,有助于深入理解JavaScript的作用域、变量提升和闭包等高级特性,对于编写出可维护和高效的代码非常重要。

    探讨JavaScript中声明全局变量三种方式的异同

    在探讨JavaScript中声明全局变量的三种方式时,我们必须先了解JavaScript中变量声明的基本概念。JavaScript是一种弱类型语言,这意味着在声明变量时无需指定变量的类型,而且变量的作用域是由变量声明的位置来决定的...

    react-reactcssvariables一个用于设置CSS变量的React组件

    React 和 CSS 变量在现代前端开发中是两个重要的概念,它们可以极大地提高代码的可维护性和可扩展性。React 是一个流行的 JavaScript 库,用于构建用户界面,尤其是单页应用。而 CSS 变量(也称为 CSS 自定义属性)...

    js中变量的连续赋值(实例讲解).docx

    在 JavaScript 中,变量是一种存储数据的容器,通过使用 var、let 或 const 关键字可以声明变量。变量可以赋值为不同的数据类型,例如数字、字符串、对象、数组等。连续赋值是指将多个变量赋值给同一个值或不同的值...

    浅谈JavaScript的全局变量与局部变量_.docx

    在实际运行之前,JavaScript会扫描整个脚本,处理变量声明。这就是为什么在`f2`函数中,尽管全局变量`x`已经赋值为1,但在函数内部,`x`首先被声明为局部变量,导致它在函数开始时的值为undefined。预编译使得函数...

    var与Javascript变量隐式声明

    总结来说,理解JavaScript中的变量声明、变量提升(hoisting)以及作用域规则,对于编写健壮的JavaScript代码至关重要。尽管`var`关键字允许隐式声明变量,但在编写代码时,我们应当避免这种做法,转而使用`let`和`...

    JavaScript对象变量图

    JavaScript对象变量图是一种表示JavaScript程序中变量和它们之间关系的图形化工具,它有助于开发者理解对象、变量、函数以及它们如何相互作用。在JavaScript中,一切都是对象,包括基本类型(如字符串、数字、布尔值...

    浅谈JavaScript中定义变量时有无var声明的区别

    总结一下,JavaScript中定义变量时var声明的存在与否有着显著的影响。在函数作用域内加var声明的变量是局部变量,不加var则会成为全局变量。在全局作用域下,使用var声明的变量不可被delete,不使用var的变量可以...

    基于JavaScript 声明全局变量的三种方式详解

    在JavaScript中,声明全局变量有三种主要方式,每种方式都有其特点和适用场景。以下是详细的分析: 1. 显式声明:使用`var`关键字 这是最常见的方式,通过在函数外部或脚本的顶部使用`var`关键字声明变量,使其成为...

Global site tag (gtag.js) - Google Analytics