javaScript基础22_基本对象3
一、Function：函数(方法)对象
1、创建：
1. var fun = new Function(形式参数列表,方法体); //忘掉吧
2. function 方法名称(形式参数列表){
方法体
}
3. var 方法名 = function(形式参数列表){
方法体
}
2、方法：
3、属性：
length：代表形参的个数
4、特点：
1. 方法定义时，形参的类型var不用写，返回值类型也不写。
2. 方法是一个对象，如果定义名称相同的方法，会覆盖
3. 在JS中，方法的调用只与方法的名称有关，和参数列表无关
4. 在方法声明中有一个隐藏的内置对象（数组），arguments，封装所有的实际参数
5、调用：
方法名称(实际参数列表);
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Function对象</title>
<script>
//1. 创建方式1
var fun1 = new Function("a","b","c","alert(a);");
//调用方法
// fun1(3,4);//3
// alert(fun1.length);//3
//2. 创建方式2
function fun2(a,b) {
alert(a + b);
}
// fun2(3,4);
// alert(fun2.length);//2
//3. 创建方式3
var fun3 = function (a,b) {
alert(a+b);
}
// fun3(3,4);
// alert(fun3.length);//2
fun2 = function(a,b){//fun2覆盖
alert(a);
alert(b);
}
// fun2(5,2);//5 2
// fun2(5);//5 undefined
// fun2(5,2,7);//5 2
/*
求两个数的和
*/
/*function add(a,b) {
return a+b;
}
var sum = add(1,2);
alert(sum);//3*/
/*
求任意个数的和
*/
function add2() {
var sum = 0 ;
for (var i = 0; i < arguments.length; i++) {
sum += arguments[i];
}
return sum;
}
var sum = add2(1,2,3);
alert(sum)
</script>
</head>
<body>
</body>
</html>
二、Array:数组对象
1、创建：
1. var arr = new Array();
2. var arr = new Array(元素列表);
3. var arr = new Array(默认长度);
4. 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>
/*//1.创建方式1
var arr1 = new Array(1,2,3);
var arr2 = new Array(5);
var arr3 = [4,5,6,7];
var arr4 = new Array();
document.write(arr1+"<br>");//1,2,3
document.write(arr2+"<br>");//,,,,
document.write(arr3+"<br>");//4,5,6,7
document.write(arr4+"<br>");//啥都不打印*/
var arr = [1,"abc",true];
document.write(arr+"<br>");//1,abc,true
document.write(arr[0]+"<br>");//1
document.write(arr[1]+"<br>");//abc
document.write(arr[2]+"<br>");//true
document.write(arr[5]+"<br>");//undefined
document.write(arr.length+"<br>");//3
arr[5] = "hehe";
document.write(arr.length+"<br>");//6
document.write(arr[3]+"<br>");//undefined
document.write(arr+"<br>");//1,abc,true,,,hehe
document.write(arr.join()+"<br>");//1,abc,true,,,hehe
document.write(arr.join("--")+"<br>");//1--abc--true------hehe
arr.push(11);
document.write(arr.length+"<br>");//7
document.write(arr.join("--")+"<br>");//1--abc--true------hehe--11
</script>
</head>
<body>
</body>
</html>
三、Boolean
四、Date：日期对象
1、创建：
var date = new Date();
2、方法：
toLocaleString()：返回当前date对象对应的时间本地字符串格式
getTime()：获取毫秒值。返回当前日期对象描述的时间到1970年1月1日零点的毫秒值差
<script> var date = new Date(); document.write(date+"<br>");//Tue Jun 04 2024 15:19:09 GMT+0800 (中国标准时间) document.write(date.toLocaleString()+"<br>");//2024/6/4 15:20:22 document.write(date.getTime()+"<br>");//1717485686327 </script>
五、Math：数学对象
1、创建：
Math对象不用创建，直接使用。 Math.方法名();
2、方法：
- random():返回 0 ~ 1 之间的随机数。 含0不含1
- ceil(x)：对数进行上舍入。
- floor(x)：对数进行下舍入。
- round(x)：把数四舍五入为最接近的整数。
3、属性：
PI-返回圆周率（约等于3.14159）
<script> document.write(Math.PI+"<br>");//3.141592653589793 document.write(Math.random()+"<br>");//0.40701392703479433 document.write(Math.ceil(3.2)+"<br>");//4 document.write(Math.floor(3.7)+"<br>");//3 document.write(Math.round(3.2)+"<br>");//3 document.write(Math.round(3.7)+"<br>");//4 /* 取1-100之间的随机整数 1. Math.random()产生随机数：范围[0,1)小数 2. 乘以100 -->[0,99.999]小数 3. 舍弃小数部分：floor-->{0,99]整数 4. +1 -> [0,99] 整数 [1,100] */ var num =Math.floor(Math.random() * 100) +1; document.write(num+"<br>"); </script>
六、Number
七、String
八、RegExp：正则表达式对象
1、正则表达式：定义字符串的组成规则。
1. 单个字符：[]
-
- 如： [a] [ab]-代表a或b [a-zA-Z0-9_]-代表a-z或A-Z或0-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(参数):验证指定的字符串是否符合正则定义的规范
<script>
//1.
var reg = new RegExp("^\\w{6,12}$");
//2.
var reg2 = /^\w{6,12}$/;
document.write(reg+"<br>");// /^\w{6,12}$/
document.write(reg2+"<br>");// /^\w{6,12}$/
var username = "zhangsan";
//验证
var flag = reg.test(username);
document.write(flag+"<br>");//true
document.write(reg2.test(username)+"<br>");//true
document.write(reg2.test("adsfsdfsdfsdfsfsdfsfsd")+"<br>");//false
</script>
九、Global
1、特点：全局对象，这个Global中封装的方法不需要对象就可以直接调用。 调用方法：方法名();
2、方法：
- encodeURI(string)：url编码
- decodeURI(string)：url解码
- encodeURIComponent(str)：url编码，编码的字符更多
- decodeURIComponent(str)：url解码
- parseInt(str)：将字符串转为数字
- 逐一判断每一个字符是否是数字，直到不是数字为止，将前边数字部分转为number
- isNaN(str)：判断一个值是否是NaN
- NaN六亲不认，连自己都不认。NaN参与的==比较全部问false
- eval()：将 JavaScript 字符串，并把它作为脚本代码来执行。
3、URL编码
传智播客 = %E4%BC%A0%E6%99%BA%E6%92%AD%E5%AE%A2
<script> var str = "http://www.baidu.com?wd=传智播客"; var encode = encodeURI(str); document.write(encode+"<br>");//http://www.baidu.com?wd=%E4%BC%A0%E6%99%BA%E6%92%AD%E5%AE%A2 var decode = decodeURI(encode); document.write(decode+"<br>");//http://www.baidu.com?wd=传智播客 var encode1 = encodeURIComponent(str); document.write(encode1+"<br>");//http%3A%2F%2Fwww.baidu.com%3Fwd%3D%E4%BC%A0%E6%99%BA%E6%92%AD%E5%AE%A2 var decode1 = decodeURIComponent(encode1); document.write(decode1+"<br>");//http://www.baidu.com?wd=传智播客 var str2 = "123"; var number = parseInt(str2); document.write(number+"<br>");//123 var str3 = "456abc"; var number2 = parseInt(str3); document.write(number2+"<br>");//456 var str4 = "a456bc"; var number4 = parseInt(str4); document.write(number4+"<br>");//NaN var a = "abc"; document.write((a==NaN)+"<br>");//false document.write(isNaN(a)+"<br>");//true var jscode = "alert(123)"; // alert(jscode);//弹窗内容：alert(123) eval(jscode);//弹窗内容：123 </script>
