谷哥的小弟学前端(12)——JavaScript基础知识（3）

来源：互联网发布：mysql清除所有表编辑：程序博客网时间：2024/06/04 19:18

探索Android软键盘的疑难杂症
深入探讨Android异步精髓Handler
详解Android主流框架不可或缺的基石
站在源码的肩膀上全解Scroller工作机制

Android多分辨率适配框架（1）— 核心基础
Android多分辨率适配框架（2）— 原理剖析
Android多分辨率适配框架（3）— 使用指南

自定义View系列教程00–推翻自己和过往，重学自定义View
自定义View系列教程01–常用工具介绍
自定义View系列教程02–onMeasure源码详尽分析
自定义View系列教程03–onLayout源码详尽分析
自定义View系列教程04–Draw源码分析及其实践
自定义View系列教程05–示例分析
自定义View系列教程06–详解View的Touch事件处理
自定义View系列教程07–详解ViewGroup分发Touch事件
自定义View系列教程08–滑动冲突的产生及其处理

版权声明

本文原创作者：谷哥的小弟
作者博客地址：http://blog.csdn.net/lfdfhl

在这篇博客中，我们将介绍JavaScript的函数、JavaScript的数组、JavaScript的自定义对象以及JavaScript的Date和Math对象。

JavaScript的函数

函数又称为方法，它用于完成特定功能

函数的定义

 function  函数名（参数）{        方法体 }

函数的调用

函数名（参数）

请看如下示例：

<!DOCTYPE html><!-- 本文作者：谷哥的小弟 --><!-- 博客地址：http://blog.csdn.net/lfdfhl --><html lang="en">    <head>      <meta charset="utf-8">        <title>函数</title>    </head>    <body>    </body></html><script type="text/javascript">    function max(x,y){        var max=0;        if (x>y) {            max=x;        }else{            max=y;        }        return max;    }    var result=max(1234,9527);    document.write("最大值为:"+result);</script>

结果为:

最大值为:9527

JavaScript的数组

JavaScript的Array可以包含任意数据类型，并通过索引来访问每个元素；并可通过length属性取得Array的长度

定义数组

我们可以通过创建对象的方式创建对象，例如：

var arr=new Array();

在该方式下可通过数组的下标给数组中的元素赋值：

<script type="text/javascript">    var arr=new Array();    arr[0]="谷哥的小弟";    arr[1]="有心课堂";    arr[2]=9527;    for(var i=0;i<arr.length;i++){        document.write("arr["+i+"]="+arr[i]+"<br>");    }</script>

除此以外，我们还可采用如下方式定义和初始化数组：

var arr=[1,”hello”,true,9527];

数组的合并
可利用arrA.concat(arrB)将两个数组合并形成一个新的数组，请看如下示例：

<script type="text/javascript">    var arr1=["谷哥的小弟","18岁",9527];    var arr2=["有心课堂","棒棒的",3.14];    var arr3=arr1.concat(arr2);    for(var i=0;i<arr3.length;i++){        document.write("arr3["+i+"]="+arr3[i]+"<br>");    }</script>

结果为：

arr3[0]=谷哥的小弟
arr3[1]=18岁
arr3[2]=9527
arr3[3]=有心课堂
arr3[4]=棒棒的
arr3[5]=3.14

数组元素组成字符串
可利用array.join(separator)将字符串中的元素组成一个字符串，请看如下示例：

<script type="text/javascript">    var arr=["苍井空空","武藤兰姐姐","大泽玛利亚"];    var str=arr.join("~~~~~");    document.write(str);</script>

结果为：

苍井空空~武藤兰姐姐~大泽玛利亚

当然，这个separator可以根据需求而设定。

JavaScript的自定义对象

JavaScript中所有事物都是对象：字符串、数字、数组、日期，等等；这些对象拥有属性(属性可视为若干键值对组成的无序的集合数据)和方法。

嗯哼，我们来一起瞅瞅自定义对象的三种创建方式

第一种方式：

<script type="text/javascript">  var cheer = {     name:"陈绮贞",     birth:1975,     gender:"女",     height:168   };   document.write("name="+cheer.name+",height="+cheer.height);</script>

结果为:

name=陈绮贞,height=168

第二种方式：

<script type="text/javascript">    var person=new Object();    person.name="波少野结衣";    person.country="岛国";    person.age=20;    document.write("person.name="+person.name+"<br>");    document.write("person.country="+person.country+"<br>");    document.write("person.age="+person.age+"<br>");</script>

结果为:

person.name=波少野结衣
person.country=岛国
person.age=20

第三种方式：

<script type="text/javascript">    function Person(name,country,age){        this.name=name;        this.country=country;        this.age=age;        this.setName=setName;        function setName(newName){           this.name=newName;        }     }    var girl=new Person("小泽苍井空","东瀛",25);    document.write("原来的名字:"+girl.name+"<br>");    girl.setName("佐佐木希小泽");    document.write("改后的名字:"+girl.name+"<br>");</script>

结果为:

原来的名字:小泽苍井空
改后的名字:佐佐木希小泽

关于这段代码解析如下：

在该段代码中为Person定义了属性，请参见代码第3—5行
在该段代码中为Person声明了方法setName( )，请参见代码第6行
在该段代码中实现了方法setName( )，请参见代码第7—9行

JavaScript的Date对象

Date对象用于处理日期和时间。

请看如下示例：

<script type="text/javascript">   var date=new Date();         document.write("Date()="+Date()+"<br>");   document.write("getFullYear()="+date.getFullYear()+"<br>");   document.write("getMonth()="+date.getMonth()+"<br>");   document.write("getDate()="+date.getDate()+"<br>");   document.write("getHours()="+date.getHours()+"<br>");   document.write("getMinutes()="+date.getMinutes()+"<br>");   document.write("getSeconds()="+date.getSeconds()+"<br>");</script>

结果如下所示：

Date()=Fri Jan 27 2017 13:55:21 GMT+0800 (中国标准时间)
getFullYear()=2017
getMonth()=0
getDate()=27
getHours()=13
getMinutes()=55
getSeconds()=21

在这段代码中：

利用Date()返回当前的日期和时间
利用getFullYear()返回Date对象的年份
利用getMonth()返回Date对象的月份
利用getDate()返回Date对象的天
利用getHours()返回Date对象的小时
利用getMinutes()返回Date对象的分钟
利用getSeconds()返回Date对象的秒数

JavaScript的Math对象

Math对象用于执行常见的算数任务。

请看如下示例：

<script type="text/javascript">   var num1=3.14;    var num2=9.527;   var num3=Math.max(88,99);    var num4=Math.random();     var num5=Math.pow(3,4);    var num6=Math.round(65.23);   document.write("Math.ceil("+num1+")="+Math.ceil(num1)+"<br>");   document.write("Math.floor("+num2+")="+Math.floor(num2)+"<br>");   document.write("Math.max(88,99)="+Math.floor(num3)+"<br>");   document.write("Math.random()="+num4+"<br>");   document.write("Math.round(62.73)="+num6+"<br>");</script>

结果如下所示：

Math.ceil(3.14)=4
Math.floor(9.527)=9
Math.max(88,99)=99
Math.random()=0.13364018336869776
Math.round(62.73)=65

在这段代码中：

利用Math.ceil( )对数进行向上舍入
利用Math.floor( )对数进行向下舍入
利用Math.max( )取得两个数中的较大值
利用Math.random( )取得随机数
利用Math.round( )对数进行四舍五入得到整数

至此，关于JavaScript的函数、JavaScript的数组、JavaScript的对象就已经介绍完了。

1 2