JavaWeb学习笔记04-JavaScript对象

基本对象

1. Function：函数(方法)对象

   1. 创建：

         1. `var fun = new Function(形式参数列表,方法体); 
         2.   `function 方法名称(形式参数列表){`
                           方法体
                       }
         3.  var 方法名 = function(形式参数列表){
                            方法体
                       }

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

代码实现：
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Function对象</title>
    <script>
        var fun1= new Function("a","b",'alert(a);');//创建方式1,不好，可以忘记
        fun1(3,4)//直接调用
    </script>
    <script>
      function fun2(a,b){
          alert(a+b);
      }                                            //创建方式2
        fun2(3,4)//直接调用
    </script>
    <script>
      var fun3=function(a,b){
          alert(a+b);
      }                                            //创建方式3
        fun3(4,4)//直接调用
        alert(fun3.length)
    </script>
    <script>

        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)
    </script>
</head>
<body>
</body>
</html>

2. 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中，数组长度可变的。

代码实现
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Array对象</title>
    <script>
        var arr1 = new Array(1,2,3);
        var arr2 = new Array(3);
        var arr3 = new Array[1,2,3,4];
         document.write(arr1="<br>");
         document.write(arr2="<br>");
         document.write(arr3="<br>");
         var arr4 =[1,'arr',true];
         document.write(array.join("--")+'<br>')//拼接
        arr4.push(11)
    </script>
</head>
<body>
</body>
</html>

3. Boolean

4. Date：日期对象

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Date</title>
</head>
<body>
<script>
    var date = new Date();
    document.write(date)
    document.write(date.toLocaleDateString()+"<br>")
</script>
</body>
</html>

5. Math：数学对象

创建：
* 特点：Math对象不用创建，直接使用。 Math.方法名();
方法：
random():返回 0 ~ 1 之间的随机数。含0不含1
ceil(x)：对数进行上舍入。
floor(x)：对数进行下舍入。
round(x)：把数四舍五入为最接近的整数。
属性：
PI

 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>");

        /**
         * 取 1~100之间的随机整数
         *      1. Math.random()产生随机数：范围 [0,1)小数
         *      2. 乘以 100 --> [0,99.9999] 小数
         *      3. 舍弃小数部分 ：floor --> [0,99] 整数
         *      4. +1 -->[0,99] 整数 [1,100]
         *
         *
         */

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

6. Number

7. String

8. RegExp：正则表达式对象

1. 正则表达式：定义字符串的组成规则。
		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. 开始结束符号
					* ^:开始
					* $:结束
2. 正则对象：
		1. 创建
			1. var reg = new RegExp("正则表达式");
			2. var reg = /正则表达式/;
		2. 方法	
			1. test(参数):验证指定的字符串是否符合正则定义的规范

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>RegExp</title>
</head>
<body>
<script>
    var regExp = new RegExp("\w{6,12}");
    var regExp2 = /^\w{6,12}$/;
    var username = "zhangsan"
    var flag =regExp2.test(username);
    alert(flag);
</script>

</body>
</html>

9. Global

1. 特点：全局对象，这个Global中封装的方法不需要对象就可以直接调用。  方法名();
2. 方法：
	 encodeURI():url编码
	 decodeURI():url解码

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

	parseInt():将字符串转为数字
	   * 逐一判断每一个字符是否是数字，直到不是数字为止，将前边数字部分转为number
		  isNaN():判断一个值是否是NaN
		     * NaN六亲不认，连自己都不认。NaN参与的==比较全部问false
			    eval():讲 JavaScript 字符串，并把它作为脚本代码来执行。

URL编码
传智播客 = %E4%BC%A0%E6%99%BA%E6%92%AD%E5%AE%A2

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Global</title>
</head>
<body>
<script>
    var str ='我是jackson王';
    var encode = encodeURI(str);
    document.write(encode+'<br>');
    var s = decodeURI(encode);
    document.write(s);

    var str ='我是jackson王';
    var encode1 = encodeURIComponent(str);
    document.write(encode+'<br>');
    var s1= decodeURIComponent(encode1);
    document.write(s1);

    var str="123abd";
    var number = parseInt(str);
    document.write(number+1);

    var a ='abc';
    document.write(a==NaN);

    var jscode ="alert(123)";
    //document.write(jscode)
    eval(jscode);
</script>
</body>
</html>

来源：CSDN

作者：Jackson王

链接：https://blog.csdn.net/wy19961103/article/details/103244622

标签

var

var方法

var函数