如何对Js变量作用域进行申明？及函数内的作用域实例详解-js教程-PHP中文网

首页

web前端

js教程

如何对Js变量作用域进行申明？及函数内的作用域实例详解

伊谢尔伦

Jul 18, 2017 am 10:50 AM

javascript 作用域变量

变量的作用域指的是变量的可见性，而生命周期则（存活期）则是从另一个角度考察变量。

JS中变量的作用域分为全局变量和局部变量，函数内定义的称为局部变量，函数外的称为全局变量。（“函数外的称为全局变量”是相对的，另此处讨论的前提是用var显式声明的变量，函数内不用var定义的变量默认是全局变量，当然忽略var声明变量是不赞成的）。

var glob = 4;//函数外声明全局变量 
function fun() { 
    var height = 20; //函数内用var声明的是局部变量 
    weight = 50; //函数内不用var声明的是全局变量 
} 
fun(); 
alert(weight);

登录后复制

JS中没有块级作用域，即用大括号{}包含的。Java中则有。在main方法中写入下代码

public static void main(String... args) { 
　　for(int i=0;i<5;i++) { 
　　} 
    { 
        int j=10; 
    } 
    int z = 20; 
    System.out.println(i); // i不可见，语法分析时报错，即编译不通过 
    System.out.println(j); // j不可见，语法分析时报错，即编译不通过 
    System.out.println(z); // z可见，输出20 
}

登录后复制

但如果在JS中

for(var i=0;i<5;i++) { 
} 
var obj = {name:"Lily"}; 
for(var attr in obj) { 
} 
{ 
  var j=10; 
} 
alert(i);//输出4，没有块级作用域 
alert(attr); //输出name，没有块级作用域 
alert(j);//输出10，没有块级作用域

登录后复制

这也说明一个问题，避免在全局范围内使用for循环同时声明变量，否则会造成全局命名范围的污染。

当然，JS1.7中提出了let关键字声明变量，只作用于for语句范围。

for(let i=0;i<5;i++) { 
   //todo 
} 
alert(i);//运行时报错，提示i未定义

登录后复制

js函数内变量的作用域实例：

<html>
<head>
</head>
<body>
<script type="text/javascript">
var a = 5;
var c = 3;
function t(){
 var a = 6;
 var b = 10;
 document.write(a+&#39;-----&#39;+b);
 document.write(c);
}
t();
</script>
</body>
</html>

登录后复制

与php不同，js函数中如果要调用某个变量，它首先从函数内去查找。如例子中就是 a 是等于6；而在函数体内找不到c，于是，它就会在函数体外，往上找，找到即调用，找不到则报错。

以上是如何对Js变量作用域进行申明？及函数内的作用域实例详解的详细内容。更多信息请关注PHP中文网其他相关文章！

本站声明

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn