javascript的变量、函数

我们先来看一行代码：

这里面 var 是数据类型，a 是变量名 ， 10是变量值。
那么什么是变量？ 变量一定是以字母，美元符号，下划线开头的，其他任意组装。但是一些特殊字符和关键字是不允许定义的。
js的关键字比如boolean , var ,true ,false 等。
那么javascritpt 是一种弱类型语言，所有的数据类型定义都用var 来定义，所以var 既可能是数字，也有可能是字符串，布尔类型，数组等数据类型。在js引擎中会自动对数据类型进行转换。
例如，上图中的 var a= 10,就是定义了一个数字数据类型，我们打印一下a的数据类型：


会发现，a的数据类型是number。
之后，我们再定义一个字符串，之后和a相加：

再打印a的数据类型，我们会发现：

a变成了string 类型，这个转换就是在js引擎中实现。
除了string,number，还有我们的boolean类型：


剩下的，就是我们最大的一个类型：object,我们的日期，数组都是object类型：


大家可以看到，打印出来的2个都是object 类型。
在这里，我来跟大家做一个关于日期的小特效。大家上网的时候可以看到有些网站的角上有一个精确到秒的日期，并且一直在跳动，那么这个是怎么实现的呢？
首先我们来定义一个h1：

js代码中，我们定义一个日期对象，并且给h1赋值：

这边我们定义了一个obejct数据类型，变量名为date。
document.getElementById(“time”)是寻找到id为time的元素，即h1，.innerText 是获取或者设置

2个标签之间的文本。Date对象有一个方法，toLcaleString()，这个方法是用来获取当前的时间。
所以，这里我们将当前时间赋值给h1标签之间的文本，得到结果如下：

但是，这是个静态的时间，是不会动的，那么如何让他动起来呢？这时候就要用到我们的定时函数:setInterval：

setInerval是定时器函数，这里的1000参数是以毫秒为单位，设置成1000就是每1秒去执行第一个参数的函数。最后效果如下：

所以，我们看到的网页上跳动的时间，就是对一个元素不断重新赋值的效果，每1秒，去new一个Date对象，然后获取到当前时间赋值给指定的元素。但是这边的格式是无法改变的，如果要在html中设置成自己想要的日期格式，需要通过date对象的各种方法获取到年，月，日，时间。然后通过字符串的方式拼接起来。当然，在实际开发过程中，如果采用的是jsp页面，我们可以通过第三方标签库的format标签来很方便的设置date对象的日期格式。这里就不再多做解释。
那么最后，我们总结一下：js里面可以分为4种属性类型，string类型，number类型，boolean类型， function函数类型。其中,number类型里面有小数和整数，function函数类型是一种方法类型，但是可以作为数据类型被传递。string类型就是我们的字符型。