javascript快速入门4—函数与内置对象

    如果我们需要在其它地方使用此功能,那么最简单的方法就是Ctrl+C然后Ctrl+V,使用函数可以节约一些代码

    1. //花括号用来表示一段代码块
    2. var wide=window.prompt("请输入三角形的底边长度!",""); var high=window.prompt("请输入三角形的高!",""); var area=wide*high/2;
    3. if (isNaN(area)) {
    4. alert("您的输入有误!");
    5. } else {
    6. alert("三角形的面积为"+area);
    7. }
    8. }

    但是写了这样了个计算三角形面积的函数之后,页面打开时并没有任何东西会出现,那是因为函数必须使用 “函数名()”这样的语句来调用执行,所以我们还需要再添加一句calcAngleArea();如果要多次进行这样的计算,只需多次调用些函数即可!(事实上,看到这样的格式,我们发现,像alert(),prompt(),isNaN()这些也是函数,它们是系统内置的函数!)

    1. //在之前我们已经声明了计算三角形面积的函数calcAngleArea
    2. calcAngleArea();
    3. calcAngleArea();
    4. calcAngleArea(); //将会进行三次这样的计算

    当然,我们可以对其进行一些改进,以使这个函数更好用

    1. function calcAngleArea(wide,high) {//具有参数的函数,参数其实是一些变量,多个参数用“,”分隔
    2. var area=wide*high/2;
    3. if (isNaN(area)) {
    4. alert("您的输入有误!");
    5. } else {
    6. alert("三角形的面积为"+area);
    7. }
    8. }

    这样,函数就具有伸缩性了,我们不必强制用户在prompt弹窗中输入内容。我们先测试一下函数如何执行

    1. function calcAngleArea(wide,high) { var area=wide*high/2;
    2. if (isNaN(area) || !area) { return false;
    3. } else { return area;
    4. }
    5. } var a=calcAngleArea(23,8);//执行函数,函数的返回值将会赋给变量a
    6. if (a) {
    7. document.write(a);//当函数有返回值时,我们可以以想要的任何方式来输出a,而不是预先定义好的alert
    8. }

    这样,这个函数的功能就是真正的无瑕眦的计算三角形面积的函数了(尽管看上去有些简单),我们输入宽和高,然后函数将其计算后将结果返回,如果只是像"calcAngleArea(23,8)"这样调用函数的话,返回的结果将会丢失,所以我们用一个变量将结果保存了下来。

    在函数内部声明的变量(局部变量),在函数外部并不能访问

    1. function demo() { var a="外面不能访问我!";
    2. } //alert(a);//出错,没有声明变量a
    3. demo();//执行函数
    4. alert(a);//仍然出错

    但在函数外部声明的变量(全局变量),在函数内部是可以访问的

    1.   function demo() { //在一个脚本中,使用function关键字声明的具有名称的函数在脚本中出现的次序是任意的,并不存在先后之分
    2. alert(globalVar);
    3. } //demo();//出错,执行时变量globalVar还没有声明
    4. var globalVar="Hello!";
    5. demo();//输出Hello!

    Math对象为我们提供了很多用于数学计算的方法和一些常量

    1. var d = new Date();//Date对象需要创建
    2. //Date 对象能够表示的日期范围约等于 1970 年 1 月 1 日前后各 285,616 年。
    3. alert(d);//直接输出这个对象,将会得到一个表示时间的字符串
    4. //这个对象有一些方法,可以用来获取时间的各个部分
    5. alert(d.getYear());//获取年,2000年以前返回年份后两位,2000年之后的返回年份的完整表达方式
    6. alert(d.getFullYear());//始终返回年份的4位数表达方式
    7. alert(d.getDate());//返回今天几号
    8. alert(d.getHours());//返回小时
    9. alert(d.getMinutes());//返回分钟
    10. alert(d.getSeconds());//返回秒
    11. alert(d.getMilliSeconds());//返回毫秒
    12. alert(d.getTime()); //返回一个整数值,这个整数代表了从1970年1月1日开始计算到Date对象中的时间之间的毫秒数
    13. //日期的范围大约是1970年1月1日午夜的前后各285616年,负数代表1970年之前的日期

    我们不但能从中获取时间值,还可以设置时间值

    1. var d = new Date();
    2. d.setFullYear(1990);//设置年份为1900
    3. alert(d.getFullYear());//返回1900
    4. alert(d.getTime());//输出的值是负的,这验证了上面所说的getTime()返回值

    与那些getXXX方法对应的设置时间的函数仅仅是将get改成set

    1. var d=new Date();
    2. d.setFullYear(2004);
    3. d.setMonth(11);//设置月份为12月,注意月份是从0开始计数的
    4. d.setDate(2);
    5. d.setHours(6);
    6. d.setMinutes(12);
    7. d.setSeconds(12);
    8. alert(d.getDay());//输出2004年12月2日星期几
    9. //setXXX这样的方法有个最大的好处就是如果我们设置了错误的值,脚本并不会出错,但日期会自动更正
    10. d= new Date();
    11. d.setYear(2003);
    12. d.setMonth(1);//月份从0开始计数

    运用Date对象这个自动更正的好处,我们可以用它来判断用户输入的日期是否是有效的