浙江铃声推荐联盟

java开发工程师 javascript的变量、函数和数组

java八点半2019-06-27 20:22:35

 写在前面:java作为一门世界级编程语言金字塔顶尖的语言。需要大量的练习、练习、练习来巩固自己所获得的知识。冰冻三尺非一日之寒,希望大家在学习java的日子里一定一定要坚持不懈,严格要求。多练,多问,多百度。祝大家早日成为一名优秀的软件工程师!

 

我们先来看一行代码:

 

这里面 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)是寻找到idtime的元素,即h1.innerText 是获取或者设置<h1></h1>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类型就是我们的字符型。

 

互动:原创不容易,很多人看完文章没有点赞留言的习惯,请大家支持我为文章点赞、分享。蕊蕊才有动力写更好的文章分享给大家。要有一万关注之后才能获得原创标识和留言功能。希望大家能分享。

关注java八点半,获取更多优质内容。

回复(直播)可以获取java八点半每天晚上八点半的免费在线直播教学课程喔。

回复(基础)可以获取java八点半所有优质内容。
      回复(资源)可以获取java资源共享圈喔。
      回复(视频)可以获取java八点半1024G的视频资料喔。