JavaScript var 语句
JavaScript基础 2022-06-08 11:18:34小码哥的IT人生shichen
JavaScript var 语句
实例
创建一个名为 carName 的变量并为其赋值 "Volvo"：
var carName = "Volvo";
完整实例：
<!DOCTYPE html>
<html>
<body>
<p>创建一个变量，给它赋值，并显示它：</p>
<p id="demo"></p>
<script>
var carName = "Volvo";
document.getElementById("demo").innerHTML = carName;
</script>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
页面下方有更多 TIY 实例。
定义和用法
var 语句声明变量。
变量是存储信息的容器。
在 JavaScript 中创建变量称为“声明”变量：
var carName;
声明后，变量为空（没有值）。
如需为变量赋值，请使用等号：
carName = "Volvo";
您还可以在声明变量时为其赋值：
var carName = "Volvo";
有关变量的更多知识，请学习我们的 JavaScript 变量教程和 JavaScript 作用域教程。
浏览器支持
| 语句 | Chrome | IE | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| var | 支持 | 支持 | 支持 | 支持 | 支持 |
语法
var varname = value;
参数值
| 参数 | 描述 |
|---|---|
| varname |
必需。指定变量的名称。 变量名可以包含字母、数字、下划线和美元符号。
|
| value |
可选。指定要分配给变量的值。 注释：声明时未赋值的变量将拥有 undefined 值。 |
技术细节
| JavaScript 版本： | ECMAScript 1 |
|---|
更多实例
示例代码：
创建两个变量。将数字 5 赋给 x，将数字 6 赋给 y。然后显示 x + y 的结果：
var x = 5;
var y = 6;
document.getElementById("demo").innerHTML = x + y;
完整实例：
<!DOCTYPE html>
<html>
<body>
<p>将 5 赋给 x，将 6 赋给 y，并显示 x + y 的结果：</p>
<button onclick="myFunction()">Try it</button>
<p id="demo"></p>
<script>
function myFunction() {
var x = 5;
var y = 6;
document.getElementById("demo").innerHTML = x + y;
}
</script>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
示例代码：
您可以在一条语句中声明多个变量。
以 var 开始语句并用逗号分隔变量：
var lastName = "Gates",
age = 19,
job = "carpenter";
完整实例：
<!DOCTYPE html>
<html>
<body>
<p>您可以在一条语句中声明多个变量：</p>
<button onclick="myFunction()">Try it</button>
<p id="demo"></p>
<script>
function myFunction() {
var lastName = "Gates",
age = 30,
job = "carpenter";
document.getElementById("demo").innerHTML = "Name: " + lastName + ". Age: " + age + ". Work: " + job;
}
</script>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
示例代码：
在循环中使用变量：
var text = "";
var i;
for (i = 0; i < 5; i++) {
text += "The number is " + i + "<br>";
}
完整实例：
<!DOCTYPE html>
<html>
<body>
<p>单击该按钮可循环五次代码块。</p>
<button onclick="myFunction()">试一试</button>
<p id="demo"></p>
<script>
function myFunction() {
var text = "";
var i;
for (i = 0; i < 5; i++) {
text += "The number is " + i + "<br>";
}
document.getElementById("demo").innerHTML = text;
}
</script>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
