本篇内容主要讲解“javascript中变量的作用域实例分析”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“JavaScript中变量的作用域实例分析”吧!一、变量的分类在JavaScript中变
本篇内容主要讲解“javascript中变量的作用域实例分析”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“JavaScript中变量的作用域实例分析”吧!
在JavaScript中变量分为两种：
全局变量
局部变量
局部变量：在函数内部定义的变量称为局部变量，其作用域为该函数内部，在该函数外部不能被访问。看下面的例子：
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta Http-equiv="X-UA-Compatible" content="ie=edge"> <title>局部变量作用域</title> <script> // 定义函数fn function fn(){ var a=5;// 定义局部变量 document.write(a); }; // 调用函数fn fn(); // 定义函数fn2 function fn2(){ document(a); }; // 调用函数fn2 fn2(); </script></head><body> </body></html>结果：
全局变量：定义在函数外部的变量称为全局变量，其作用域是整个JavaScript代码块。看下面的例子：
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>全局变量作用域</title> <script> var number; // 全局变量 function fn(){ number=5; document.write("number的值是:"+number+"<br />"); }; function fn2(){ ++number; document.write("number的值是:"+number+"<br />"); } fn(); fn2(); </script></head><body> </body></html>结果：
注意：
看下面的例子：
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>全局变量作用域</title> <script> var number; // 全局变量 // 就近原则 function fn(){ var number="我是局部变量"; document.write("number的值是:"+number+"<br />"); }; function fn2(){ number="我是全局变量" document.write("number的值是:"+number+"<br />"); } fn(); fn2(); </script></head><body> </body></html>结果：
如果在定义变量的时候没有使用var，那么默认是全局变量，无论是在函数外部还是在函数内部定义变量。看下面的例子：
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>全局变量作用域</title> <script> var number; // 全局变量 // 就近原则 // windows // 相当于window.a a=12; function fn(){ // 相当于window.b b="我是window对象,是全局变量"; }; fn(); document.write("a="+a+"<br />"); document.write("b="+b+"<br />"); </script></head><body> </body></html>结果：
到此，相信大家对“JavaScript中变量的作用域实例分析”有了更深的了解，不妨来实际操作一番吧！这里是编程网网站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！
--结束END--
本文标题: JavaScript中变量的作用域实例分析
本文链接: https://www.lsjlt.com/news/324468.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
2024-05-24
2024-05-24
2024-05-24
2024-05-24
2024-05-24
2024-05-24
2024-05-24
2024-05-24
2024-05-24
2024-05-24
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
官方手机版
微信公众号
商务合作
0