JavaScript快速上手之4：函数与作用域
2016-11-08 12:45
295 查看
1.目的：了解函数作用域的一些规则与调用方法
2.代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JavaScript</title>
</head>
<body>
<!--
以下是函数作用域的一些规则：
1.变量在函数内没有声明（没有使用 var 关键字），该变量为全局变量。
2.局部变量：变量在函数内声明，只能在函数内部访问，变量为局部作用域。
3.变量在函数外定义，即为全局变量
-->
<!-- 范例一：局部变量的函数 -->
<p>例一：局部变量的函数</p>
<p id="demo1"><br></p>
<br>
<p>例二：全域变量的函数</p>
<p id="demo2"><br></p>
<script>
//范例一：局部变量的函数
function1();
document.getElementById("demo1").innerHTML =
"在全域呼叫局部变数: " + typeof v_name1;
function function1()
{
var v_name1 = "局部变数"; //使用var，代表是局部变数
}
//范例二：全域变量的函数
function2();
document.getElementById("demo2").innerHTML =
"在全域呼叫全域变数: " + v_name2;
function function2()
{
v_name2 = "全域变数"; //不使用var，代表是全域变数
}
</script>
</body>
</html>
3.结果：
2.代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JavaScript</title>
</head>
<body>
<!--
以下是函数作用域的一些规则：
1.变量在函数内没有声明（没有使用 var 关键字），该变量为全局变量。
2.局部变量：变量在函数内声明，只能在函数内部访问，变量为局部作用域。
3.变量在函数外定义，即为全局变量
-->
<!-- 范例一：局部变量的函数 -->
<p>例一：局部变量的函数</p>
<p id="demo1"><br></p>
<br>
<p>例二：全域变量的函数</p>
<p id="demo2"><br></p>
<script>
//范例一：局部变量的函数
function1();
document.getElementById("demo1").innerHTML =
"在全域呼叫局部变数: " + typeof v_name1;
function function1()
{
var v_name1 = "局部变数"; //使用var，代表是局部变数
}
//范例二：全域变量的函数
function2();
document.getElementById("demo2").innerHTML =
"在全域呼叫全域变数: " + v_name2;
function function2()
{
v_name2 = "全域变数"; //不使用var，代表是全域变数
}
</script>
</body>
</html>
3.结果：
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- Javascript闭包函数快速上手
- Javascript闭包函数快速上手
- 你不知道的Javascript（上卷）读书笔记之三 ---- 函数作用域与块作用域
- JavaScript 中的函数作用域
- JavaScript作用域原理（三）——作用域根据函数划分
- JavaScript快速上手之1：语法
- javascript 嵌套的函数（作用域链）
- JavaScript中函数作为另一个函数的参数的时候它存在于哪个作用域
- javascript 函数及作用域
- ES6快速入门（一）函数与作用域
- JavaScript深入浅出————函数和作用域（函数，this）（六）
- JavaScript快速上手之2：变量
- javascript之小程序大作用（函数）
- javascript 用记忆函数快速计算递归函数
- JavaScript之函数与作用域
- JavaScript学习笔记(函数与作用域)
- 用javascript写一个函数，作用是去除字符串前后空格
- javascript 函数及作用域总结介绍
- javascript之小程序大作用（函数）
- Javascript闭包函数快速上手