全局变量与局部变量解释,以下代码可直接复制到编译器中直接运行。

Posted kaotimo

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了全局变量与局部变量解释,以下代码可直接复制到编译器中直接运行。相关的知识,希望对你有一定的参考价值。

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Test</title>

</head>

<body>

<p>this is a test!总结:在任一方法体内定义的变量都是该方法体的局部变量,只能该方法体调用。而不在任何一个方法体内定义的变量属于全局变量,任何一个方法体都能够调用。</p>

<!-- 一号按钮用来测试自己函数体内的局部变量。 -->

<!-- 结果是使用自己方法体内定义的局部变量成功。 -->

<button type="button" onclick="dj_1()">一号按钮,引用自己方法体内定义的局部变量</button>

<!-- 二号按钮用来测试一号按钮体内的局部变量 -->

<!-- 结果是使用别的方法体内定义的局部变量失败。 -->

<button type="button" onclick="dj_2()">二号按钮,引用其他方法体内定义的局部变量</button>

<!-- 三号按钮用来测试引用任何方法体外定义的局部变量 -->

<!-- 结果是使用任何方法体外定义的全局变量成功。 -->

<button type="buuton" onclick="dj_3()">三号按钮,引用不在任何方法体内定义,在script标签内定义的全局变量。</button>

<p id="aa">啊啊</p>

<p id="bb"></p>

<p id="cc"></p>

<script type="text/javascript">

var his="蜘蛛侠";

function dj_1(){

    var hero="蝙蝠侠";

    document.getElementById("aa").innerHTML=hero;

    // getElementById是document的一个方法。

    // getElemenById,可返回对指定ID的第一个对象的引用。即,可以将一个值,例如可以将一个变量hero的值蝙蝠侠赋值给document.getElementById("aa").innerHTML=hero;

    // 他的意思是,有一个标签,例如这个标签是p,这个标签,给他指定了一个id为aa,然后将用户可以通过点击标签button来触发button内设置的事件触发器onclick来调用这个方法体,用户点击了按钮后,即调用了这个方法体,id="aa"的标签p中的内容将会被替换为蝙蝠侠。即使一开始id="aa"的p标签内含有内容,p标签内也会被替换为蝙蝠侠,即只显示蝙蝠侠。

    // .innerHTML属性代表的是,某某标签,例如这个标签是p标签。设置p标签开放标签与结束标签之间的显示内容。

    // hero,这里的hero,是方法体dj_1中设置的局部变量名称。将hero赋值给等号左边的,document.getElementById("aa").innerHTML=hero。不是将hero赋值给id="aa"的p标签。而是将var hero="蝙蝠侠",蝙蝠侠赋值给左边,即蝙蝠侠赋值给id="aa"d的p标签的显示内容。因为hero不是一个值,是一个变量名,蝙蝠侠才是要给值,是变量名hero的值。

    // 开放标签与闭合标签,即开始标签与结束标签。是成对出现的标签中,左边的是开放标签,右边的是闭合标签。

}

function dj_2(){

    document.getElementById("bb").innerHTML=hero;

}

function dj_3(){

    document.getElementById("cc").innerHTML=his;

}

</script>

</body>

</html>

以上是关于全局变量与局部变量解释,以下代码可直接复制到编译器中直接运行。的主要内容,如果未能解决你的问题,请参考以下文章

全局变量与局部变量在内存中的区别详细解析

Python中局部变量与全局变量的解释

全局变量局部变量静态全局变量静态局部变量在内存里的区别

局部变量 静态局部变量 全局变量与静态局部变量

全局变量,局部变量,形式参数

作用域与变量提升