目录
什么是变量:变量是用于存储信息的“容器”
声明变量:
var x =5;
var y = 6;
var z =x + y;
document.write(z);
与代数一样,JavaScript变量可用于存放值(比如x = 5)和表达式(比如z=x+y)。
变量可以用短名称(x或y)也可以使用描述性更好的名称(age,sum,totalvolume)
注意:变量必须以字母开头
变量也能以$和_符号开头(不推荐)
变量名称对大小写敏感(y和Y是不同的变量)
Javascript数据类型
JavaScript 变量还能保存其他数据类型,比如文本值 (name="Bill Gates")。
在 JavaScript 中,类似 "Bill Gates" 这样一条文本被称为字符串。
JavaScript 变量有很多种类型,但是现在,我们只关注数字和字符串。
当您向变量分配文本值时,应该用双引号或单引号包围这个值。
当您向变量赋的值是数值时,不要使用引号。如果您用引号包围数值,该值会被作为文本来处理。
var pi=3.14;
// 如果你熟悉 ES6,pi 可以使用 const 关键字,表示一个常量 // const pi = 3.14; var person="John Doe";
var answer='Yes I am!';
声明变量
在JavaScript创建变量,
使用var关键字来声明变量
var name ;
变量声明后,该变量是空的需要赋值。
name=Bob”;
也可
var name = “Bob”;
创建了变量并为他赋值,添加html段落
var name = “Bob";
document.getElementById("demo").innerHTML = name;
Value = undefined
在计算机程序中,经常会声明无值的变量。未使用值来声明变量,其值实际是undefined。
重新声明变量,则值不会丢失。
var name = ”Bob“;
var name;
Javascript算数
可以通过 JavaScript 变量来做算数,使用的是 = 和 + 这类运算符:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<p>假设y=5,计算 x=y+2,并显示结果</p>
<button onclick="myFunction()">点击这里</button>
<p id="demo"></p>
<script>
function myFunction() {
var y =5;
var x = y+2;
var demoP=document.getElementById("demo");
demoP.innerHTML = "x=" + x;
}
</script>
</body>
</html>
根据可见性,分为全局变量和局部变量。
- 全局变量在整个页面中可见,并在页面任何位置被允许访问。
- 局部变量只能在指定函数内可见,函数外面是不可见的,也不允许访问