JS中var与function

最新推荐文章于 2024-06-11 16:34:13 发布

原创最新推荐文章于 2024-06-11 16:34:13 发布 · 4.1k 阅读

本内容遵循CC 4.0 BY-SA版权协议

标签

#JS #var #function

6 篇文章

订阅专栏

本文探讨了JavaScript中var关键字用于定义变量的作用域，并通过实例解析了在HTML文档中、函数内部使用var定义变量的效果。同时，文章比较了var方式和function方式定义函数的区别，包括作用域和调用顺序的影响。

var的理解

JS中的var是用来定义变量的，使用与否主要是决定变量的作用域。

在这里插入图片描述
console.log()方法为输出到控制台，可以在浏览器按F12查看。
此时输出的变量a值为10。

在这里插入图片描述
输出结果：第一个为未找到，第二个为方法内重新赋值的局部变量5，第三个为全局变量10。

这时js默认定义的a是全局变量，函数外和函数内共用一个变量a，所以变量数值正常输出：
在这里插入图片描述

在JS中有两种定义函数的方式。

var 方式定义的函数，不能先调用函数，后声明，只能先声明函数，然后调用。

<script language="JavaScript" type="text/javascript">
a();//这样调用就会出错
var a = function(){
alert("A");
}

这是先调用后声明，会出错。

function方式定义函数可以先调用，后声明。

<script language="JavaScript" type="text/javascript">
a();//这样就不会出错
function a(){
alert("A");
}

先调用后声明也没有问题，可正常运行。