JavaScript对象

函数对象：Function

创建

第一种：【不推荐】

	var fun = new Function(形式参数列表,方法体);  

代码：

    var fun1 = new Function("a","b","c","alert(a);");
    //调用方法
    fun1(3,4);
    document.write(fun1.length);

第二种：

    function 方法名称(形式参数列表){
        方法体
    }

第三种：

    var 方法名 = function(形式参数列表){
       方法体
    }

对象的属性

length:代表形参的个数

调用

方法名称(实际参数列表);

特点 【重点】

1. 方法定义时，形参的类型不用写,返回值类型也不写。
2. 方法是一个对象，如果定义名称相同的方法，会覆盖。
3. 在JS中，方法的调用只与方法的名称有关，和参数列表无关。
4. 在方法声明中有一个隐藏的内置对象（数组），arguments,封装所有的实际参数

代码：

特点3演示：

function fun2(a,b){ // 覆盖原方法
            //alert(a - b);
            document.write(a);
            document.write("\t");
            document.write(b);
            document.write("<br>");
        }
        //方法调用
        fun2(1,2); // 1  2
        fun2(1); // 1 undefined
        fun2(); // undefined undefined
        fun2(1,2,3); // 1  2

特点4演示：

		function add (){
            document.write(arguments[0]); // 1
            document.write(arguments[1]); // 3
        }
        add(1,3);

案例_ 求任意个数的和

        function add (){
           var sum = 0;
            for (var i = 0; i < arguments.length; i++) {
                sum += arguments[i];
            }
            return sum;
        }

        var sum = add(1,2,3,4);
        alert(sum);

数组对象：Array

创建

第一种：

var arr = new Array(元素列表);

第二种：

var arr = new Array(默认长度);

第三种：

var arr = [元素列表];

方法

• join(参数)：将数组中的元素按照指定的分隔符拼接为字符串（算一种遍历方式）

	document.write(arr.join("--")+"<br>");

• push()：向数组的末尾添加一个或更多元素，并返回新的长度。

    arr.push("asd");
    document.write(arr.join("#")+"<br>");

属性

• length:数组的长度

特点

类似于java中的ArrayList集合

• JS中，数组元素的类型可变的。
• JS中，数组长度可变的。

代码：

 		var arr = [1,"abc",true];
        document.write(arr +"<br>");

        document.write(arr[0] +"<br>");
        document.write(arr[1] +"<br>");
        document.write(arr[2] +"<br>");

        document.write(arr[3] +"<br>");
        arr[10] = "hehe";
        document.write(arr[10] +"<br>");
        document.write(arr[9] +"<br>");

        alert(arr.length);// 11
        document.write(arr.join("--")+"<br>");
        arr.push("asd");
        document.write(arr.join("--")+"<br>");
        alert(arr.length);// 12

结果：

1,abc,true
1
abc
true
undefined
hehe
undefined
1--abc--true----------------hehe
1--abc--true----------------hehe--asd

Boolean、Number、String

具体请查看w3cschool

日期对象：Date

创建

var date = new Date();
document.write(date + "<br>");

结果：

Thu Jan 23 2020 12:50:38 GMT+0800 (中国标准时间)

方法

• toLocaleString()：返回当前date对象对应的时间本地字符串格式

例如：

document.write(date.toLocaleString() + "<br>");	// 2020/1/23 下午12:50:38

• getTime()：获取毫秒值。返回当前如期对象描述的时间到1970年1月1日零点的毫秒值差

例如：

document.write(date.getTime() + "<br>");  // 1579755038907

数学对象：Math

创建

特点：Math对象不用创建，直接使用。

Math.方法名();

方法

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

代码：

		document.write(Math.PI +"<br>");
        document.write(Math.random() +"<br>");
        document.write(Math.round(3.14) +"<br>");
        document.write(Math.ceil(3.14) +"<br>");
        document.write(Math.floor(3.14) +"<br>");

属性：PI

代码：

		document.write(Math.PI +"<br>");

案例_取1~100之间的随机整数

• Math.random() 产生随机数 。范围(0,1]小数
• 乘以100 --> [0,99.9999] 小数
• 舍弃小数部分：floor --> [0,99] 整数
• 1 --> [1,100]

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

正则表达式对象：RegExp

正则表达式：定义字符串的组成规则。

单个字符：[]

• [a] ：单个字符a

• [ab]：单个字符a或b

• [a-zA-Z0-9_]：大写字母或者小写字母或者数字或者下划线_

• \d：单个数字字符 [0-9]

var reg = /\d/;

• \w：单个单词字符[a-zA-Z0-9_]

var reg = /\w/;

量词符号

• ?：表示出现0次或1次

• *：表示出现0次或多次，如\w*

• +：出现1次或多次

• {m,n}：表示数量在[m,n]范围中内（包含m、n）

  m如果缺省： {,n}:最多n次

  n如果缺省：{m,} 最少m次

var reg= /^\w{6,12}$/;	

开始结束符号

• ^:开始，$：结束

正则对象

创建

第一种：(不推荐)

注意转义字符 \\w

var reg = new RegExp("正则表达式");
如
var reg = new RegExp("^\\w{6,12}$");

第二种：

var reg = /正则表达式/;
如
var reg2= /^\w{6,12}$/;

方法

• test(参数)：验证指定的参数（字符串）是否符合正则定义的规范

        var reg= /^\w{6,12}$/;

        var username = "zhangsan";

        //验证
        var flag = reg.test(username);
        alert(flag);

全局对象：Global

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

方法

• encodeURI():url编码

• decodeURI():url解码

• encodeURIComponent():url编码,（编码的字符更多，从http后开始）

• decodeURIComponent():url解码

• parseInt():逐一判断每一个字符是否是数字，直到不是数字为止，将前边数字部分转为number

• isNaN():判断一个值是否是NaN

  NaN六亲不认，连自己都不认。和它进行==比较的结果都为false

• eval()：将 JS的字符串转为JS代码来执行。【用于和ajax数据交互】

代码演示

编码和解码：

	<script>
		var str = "http://www.baidu.com?wd=斗鱼";
        var encode = encodeURI(str);
        document.write(encode +"<br>");
        var s = decodeURI(encode);
        document.write(s +"<br>");//斗鱼

        var str1 = "http://www.baidu.com?wd=斗鱼";
        var encode1 = encodeURIComponent(str1);
        document.write(encode1 +"<br>");
        var s1 = decodeURIComponent(encode);
        document.write(s1 +"<br>");//斗鱼
	</script>

结果：

http://www.baidu.com?wd=%E4%BC%A0%E6%99%BA%E6%92%AD%E5%AE%A2
http://www.baidu.com?wd=斗鱼
http%3A%2F%2Fwww.baidu.com%3Fwd%3D%E4%BC%A0%E6%99%BA%E6%92%AD%E5%AE%A2
http://www.baidu.com?wd=斗鱼

字符转换为数字：

    <script>
        var str = "123";
        var number = parseInt(str);
        document.write(number + 1 + "<br>"); //124
        
        var str2 = "234abc";
        var number2 = parseInt(str2);
        document.write(number2 + 1 + "<br>"); //235

        var str3 = "a234abc";
        var number3 = parseInt(str3);
        document.write(number3 + 1 + "<br>"); //NaN
   </script>

NaN比较：

        var a = NaN;
        document.write(a == NaN); //false
        document.write(isNaN(a)); //true

JS的字符串转为JS代码:

	<script>	
 		var jscode = "alert(123)";
        eval(jscode); // 弹出对话框：123
	</script>