关于前端的碎碎念3-JavaScript基础3-JavaScript变量

说完css装修，我们终于要给房子打造一些功能啦~follow me~

本节介绍JavaScript变量

变量？变量就是可以变的量呗

代数

　　在代数中，我们会遇到下面的基础问题，如果a的值为5，b的值为6，那么a与b的和是多少？在这个问题中，我们就可以吧a和b看做变量，再设置一个变量c来保存a与b的和。

　　那么，上面的这个问题就可以用如下的JavaScript代码表示：

<script type="text/javascript">
    // 计算a + b的和
    a = 5;//给变量a赋值
    b = 5;//给变量b赋值
    c = a + b;//c 为 a + b 的和
    document.write(c);//输出c的值
</script>

　　执行结果：10

术语：变量名

　　在上面的例子中，我们用到了三个变量：a，b，c。这些都是变量的名字，在JavaScript中，我们需要用变量名来访问这个变量。在JavaScript中，变量名有如下规定：

变量名区分大小写，A与a是两个不同变量。

变量名必须以字母或者下划线开头。

术语：赋值

　　来看一个上面出现过的语句：

a = 5 ;

　　这个语句怎么读出来呢？“a等于5”？

　　对不起，不对。应该是“让a等于5”，说得专业一点，这叫“给a赋值”。

　　我们之前已经提到过，a是变量，是可以变的，所以从某种角度来说，它不等于任何值，只是暂时的等于某个值。来看下面这个例子，进一步熟悉一下赋值与等于的关系：

a = 5;//让a等于5，a的值暂时等于5

a = 6;//让a等于6，a的值暂时等于6

　　再次强调，如果JavaScript是你学习的第一门编程语言，一定要注意区分“等于”和“赋值”这两个不同的概念。

声明变量

<script type="text/javascript">
var a ; //声明一个变量a
a = 5 ; //给变量赋值
</script>

　　其实在第一个例子中我们已经看到了，JavaScript中可以不声明变量直接赋值。不过先声明变量是一个良好的编程习惯。

变量的数据类型

　　a = 5， b = 6， c = a +_b，天啊！我可不是来学数学的。别着急，往下看。

　　其实，在JavaScript中，变量是无所不能的容器，你可以吧任何东西存储在变量里，例如：

var quanNeng1 = 123;//数字

var quanNeng2 = "一二三"//字符串

　　其中，quanNeng2这个变量存储了一个字符串，字符串需要用一对引号括起来。变量还可以存储更多的东西，例如数组，对象，布尔值等等，我们会在后面介绍这些内容。