30.2 JavaScript函数、JavaScript对象（数组对象、日期对象、数学对象、正则表达式对象、Global全局对象）

目录

1 Function函数(重点)

2 JavaScript对象

2.1 Array数组对象

2.2 Date：日期对象

2.3 Math：数学对象

2.3 Boolean对象

2.4 Number对象

2.5 String对象

2.6 RegExp：正则表达式对象

2.7 Global全局对象

---

1 Function函数(重点)

创建有三种：	1 var fun = new Function(形式参数列表,方法体);  //不常用         2. function 方法名称(形式参数列表){                方法体            }         3.         var 方法名 = function(形式参数列表){             方法体         }
常用属性：	length:代表形参的个数  如：arguments.length 获取参数的长度
Function函数特点：	方法定义是，形参的类型不用写,返回值类型也不写。 方法是一个对象，如果定义名称相同的方法，会覆盖 在JS中，方法的调用只与方法的名称有关，和参数列表无关  在方法声明中有一个隐藏的内置对象（数组），arguments,封装所有的实际参数 调用方式：                方法名称(实际参数列表);

 

    <script>
    //1 创建方式1
    // var fun1=new Function("a","b","c",alert(a));//错误写法 报错：Uncaught ReferenceError: a is not defined
     var fun1=new Function("a","b","c","alert(a)");
     fun1(3,4);//调用

    //2 创建方式2
    function fun2(a,b) {
        alert(a+b);
    }
    fun2(3,4);//调用

    //3 创建方法3
    var fun3=function (a, b) {
        alert(a+b);
    }
    fun3(3,4);
    fun3(fun3.length);//形参的个数       

    //4 在JS中，方法的调用只与方法的名称有关，和参数列表无关
    // 在方法声明中有一个隐藏的内置对象（数组），arguments,封装所有的实际参数
    var fun4=function (a,b) {
        document.write(a+b);
    }
    fun4(1);    document.write("<br>");//NaN
    fun4(1,2);    document.write("<br>");//3
    fun4(1,2,3);    document.write("<br>");//3

    //5 在方法声明中有一个隐藏的内置对象（数组），arguments,封装所有的实际参数
    // 求任意个数的和
    function add(){
        var sum=0;
        for (var i=0;i<arguments.length;i++){
            sum+=arguments[i];
        }
        return sum;
    }
    document.write(add(1,2)+"<br>");//3
    document.write(add(1,2,3));//6
    </script>
</head>

2 JavaScript对象

JavaScript 中的所有事物都是对象：字符串(String)、数字(Number)、数组(Array)、日期(Date)，等等。在 JavaScript 中，对象是拥有属性和方法的数据。

2.1 Array数组对象

            1. 创建：
                1. var arr = new Array(元素列表);
                2. var arr = new Array(默认长度);
                3. var arr = [元素列表];
            2. 方法
                join(参数):将数组中的元素按照指定的分隔符拼接为字符串
                push()    向数组的末尾添加一个或更多元素，并返回新的长度。
            3. 属性
                length:数组的长度
            4. 特点：
                1. JS中，数组元素的类型可变的。
                2. JS中，数组长度可变的。

2.2 Date：日期对象

创建： var date = new Date();

方法：

1. toLocaleString()：返回当前date对象对应的时间本地字符串格式
2. getTime():获取毫秒值。返回当前如期对象描述的时间到1970年1月1日零点的毫秒值差

<script>
    var date =new Date();//创建对象
    document.write(date+"<br>");//结果：Wed Dec 23 2020 04:15:23 GMT+0800 (中国标准时间)
    document.write(date.toLocaleString()+"<br>");//结果：2020/12/23 上午4:15:23
    document.write(date.getTime()+"<br>");//结果：1608668169668
</script>

2.3 Math：数学对象

1. 创建： 特点：Math对象不用创建，直接使用。  Math.方法名();

2. 方法：

1.  random():返回 0 ~ 1 之间的随机数。 含0不含1
2.  ceil(x)：对数进行上舍入。
3. floor(x)：对数进行下舍入。
4. round(x)：把数四舍五入为最接近的整数。

 3. 属性：            PI 

<script>
    document.write(Math.PI +"<br>");//3.141592653589793
    document.write(Math.random() +"<br>");// random():返回 0 ~ 1 之间的随机数。 含0不含1   结果：0.23162945034510007
    document.write(Math.round(3.14) +"<br>");//四舍五入为最接近的整数。
    document.write(Math.ceil(3.14) +"<br>");//对数进行上舍入
    document.write(Math.floor(3.14) +"<br>");//对数进行下舍入。
</script>

列：取 1~100之间的随机整数

<script>
    var number=Math.floor(Math.random()*100)+1;
    document.write(number);
</script>

2.3 Boolean对象

2.4 Number对象

2.5 String对象

2.6 RegExp：正则表达式对象

正则表达式是描述字符模式的对象。用于对字符串模式匹配及检索替换，是对字符串执行模式匹配的强大工具。

创建：	var reg = new RegExp("正则表达式");  var reg = /正则表达式/;
方法：	test(参数):验证指定的字符串是否符合正则定义的规范

正则表达式：定义字符串的组成规则。
                1. 单个字符:[]
                    如： [a] [ab] [a-zA-Z0-9_]
                    * 特殊符号代表特殊含义的单个字符:
                        \d:单个数字字符 [0-9]
                        \w:单个单词字符[a-zA-Z0-9_]
                2. 量词符号：
                    ?：表示出现0次或1次
                    *：表示出现0次或多次
                    +：出现1次或多次
                    {m,n}:表示 m<= 数量 <= n
                        * m如果缺省： {,n}:最多n次
                        * n如果缺省：{m,} 最少m次
                3. 开始结束符号
                    * ^:开始
                    * $:结束

 

<script>
    //1 创建正则对象
    var reg=new RegExp("^\\w{6,12}$");
    document.write(reg+"<br>");
    var reg1=/^\w{6,12}$/;
    document.write(reg1+"<br>");

    //2 使用
    var username="laozhao"
    var flag=reg.test(username);    //验证
    document.write(flag+"<br>");

    var username1="laoli"
    var flag1=reg.test(username1);    //验证
    document.write(flag1+"<br>");

</script>
</head>

2.7 Global全局对象

 特点：全局对象，这个Global中封装的方法不需要对象就可以直接调用。  方法名()

方法：
         encodeURI():url编码
         decodeURI():url解码

         encodeURIComponent():url编码,编码的字符更多
         decodeURIComponent():url解码

         parseInt():将字符串转为数字           逐一判断每一个字符是否是数字，直到不是数字为止，将前边数字部分转为number
         isNaN():判断一个值是否是NaN            NaN六亲不认，连自己都不认。NaN参与的==比较全部问false

         eval():将 JavaScript 字符串，并把它作为脚本代码来执行。

<script>
    //1          encodeURI():url编码      decodeURI():url解码
    var str="https://www.baidu.com/s?wd=世界";
    var encode=encodeURI(str);//进行url编码
    document.write(encode+"<br>");//https://www.baidu.com/s?wd=%E4%B8%96%E7%95%8C
    var decode=decodeURI(encode);//进行url解码
    document.write(decode+"<hr>");//https://www.baidu.com/s?wd=世界

    //2         encodeURIComponent():url编码,编码的字符更多      decodeURIComponent():url解码
    var str="https://www.baidu.com/s?wd=世界";
    var encode1=encodeURIComponent(str);//进行url编码
    document.write(encode1+"<br>");//https%3A%2F%2Fwww.baidu.com%2Fs%3Fwd%3D%E4%B8%96%E7%95%8C
    var decode1=decodeURIComponent(encode1);//进行url解码
    document.write(decode1+"<hr>");//https://www.baidu.com/s?wd=世界

    //3 parseInt():将字符串转为数字
    var str2="a11bc";
    var str3="11";
    document.write(parseInt(str2)+"<br>");//NaN
    document.write(parseInt(str3)+"<hr>");//11

    //4 NaN六亲不认，连自己都不认。NaN参与的==比较全部问false           isNaN():判断一个值是否是NaN
    var s=NaN;
    document.write((s==NaN)+"<br>");
    document.write((s===NaN)+"<br>");
    document.write((isNaN(s))+"<hr>");
</script>
</head>