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

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

伊谢尔伦

发布： 2017-07-18 10:50:44

原创

1384人浏览过

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

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循环同时声明变量，否则会造成全局命名范围的污染。

Booltool

常用AI图片图像处理工具箱

140

查看详情

当然，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+'-----'+b);
 document.write(c);
}
t();
</script>
</body>
</html>

登录后复制

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

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