JS基本对象
****Global 属性
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Global</title>
<script>
/* Global
1. 特点:全局对象,这个Global中封装的方法不需要对象就可以直接调用。方法名();
2. 方法:
encodeURI():uri编码
decodeURI():uri解码
encodeURIComponent():uri编码,编码的字符更多
decodeURIComponent():uri解码
parseInt():将字符串转为数字
- 逐一判断每一个字符是否是数字,直到不是数字为止,将前边数字部分转为number
isNaN():判断一个值是否是NaN
- NaN六亲不认,连自己都不认。NaN参与的==比较全部问false
eval():讲 JavaScript 字符串,并把它作为脚本代码来执行。
3. URL编码
encodeURL(): url编码 将汉字转串字节码得到二进制 再转换为16进制的符号用%分开。
*/
var str = "中国";
var uri = encodeURI(str);
document.write(uri); //把中国编码成uri->%E4%B8%AD%E5%9B%BD
var s = decodeURI(uri);
document.write(s) //%E4%B8%AD%E5%9B%BD->中国
document.write("<br>")
var s2 = encodeURIComponent(str); //
document.write(s2) //中国->%E4%B8%AD%E5%9B%BD
/*
encodeURIComponent()会把括号里面的所有东西都转换为对应的uri而 encodeURI()只会转换一部分
*/
document.write("<hr>")
var s3 = "www.baidu.com:中国";
document.write(encodeURI(s3)); //www.baidu.com:%E4%B8%AD%E5%9B%BD 只转换了中国
document.write("<br>")
document.write(encodeURIComponent(s3)); //把处理网址之外的都转了
document.write("<hr>");
var s4 = "123abc";
document.write(parseInt(s4)) //把前面的字符数组转换为数字后面的字母舍弃->123 当第一个不是数字是返回NAN
document.write(parseInt("a123")) // ->NAN
document.write("<hr>")
var s5 = NaN;
var s6 = (s5 == "NaN");
document.write(s6) //自己和自己比较返回了false 所有需要一个方法来判断是否为NAN即:isNaN()方法
document.write("<br>")
document.write((isNaN(s5))); //-> 返回true
</script>
</head>
<body>
</body>
</html>
RegExp正则表达式
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>RegExp正则表达式对象</title>
<script>
/*
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(参数):验证指定的字符串是否符合正则定义的规范
*/
var reg = new RegExp("^\\w\\d$")
var b = reg.test("9w"); //false
var b2 = reg.test("w9"); //true
document.write(b);
document.write(b2);
//电子邮箱的正则表达式:/^[0-9A-Za-z][\.-_0-9A-Za-z]*@[0-9A-Za-z]+(\.[0-9A-Za-z]+)+$/
var regExp = new RegExp("^[0-9A-Za-z][\\.-_0-9A-Za-z]*@[0-9A-Za-z]+(\\.[0-9A-Za-z]+)+$");
var b3 = regExp.test("123@qq.com");
var b4 = regExp.test("12_ad@qq.abc.com");
document.write(b3)
document.write(b4)
</script>
</head>
<body>
</body>
</html>
Function:函数(方法)对象
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script>
/*1. Function:函数(方法)对象
1. 创建:(三种)
function 方法名称(形式参数列表){
方法体
}
var 方法名 = function(形式参数列表){
方法体
}
var fun = new Function(形式参数列表,方法体)
2. 属性:
length:代表形参的个数
3. 特点:
1. 方法定义是,形参的类型不用写,返回值类型也不写。
2. 方法是一个对象,如果定义名称相同的方法,会覆盖
3. 在JS中,方法的调用只与方法的名称有关,和参数列表无关
4. 在方法声明中有一个隐藏的内置对象(数组),arguments,封装所有的实际参数
4. 调用:
方法名称(实际参数列表);*/
var fun= new Function("a","b","document.write(a-b) ");
var fun=function (a,b) {
document.write(a*b);
}
function fun(a,b) {
document.write(a+b);
}
fun(1,2);
/*var fun= new Function("a","b"," alert( a-b)");
var fun= new Function("a","b"," alert(a+b)");
document.write(fun(1,2));
var length = fun.length;
document.write(length);
*/
/*function fun(a,b) {
return a-b;
}
var fun=function (a,b) {
return a+b;
}
document.write(fun(1,2))
*/
/*document.write(fun(1,2))
var fun=function (a,b) {
return a+b;
}
var fun=function (a,b) {
return a-b;
}
document.write(fun(1,2))*/
/*
function fun(a,b) {
return a-b;
}
document.write(fun(1,2));
function fun(a,b) {
return a+b;
}
*/
</script>
</head>
<body>
</body>
</html>
1)更具上面的测试结果可知:当用同一种形式的方式定义方法时,执行调用的语句会执行这条调用语句上面的距离最近(最近的会把把上面的覆盖掉)的方法进行执行。
2)当这三种种混合定义都有时会一定会执行用 var 方法名 = function(形式参数列表){ 方法体} 或者 var fun = new Function(形式参数列表,方法体) 这两种定义的方法, function fun(a,b) {return a+b;} 方法定义的不管在什么位置都不会执行。而var 方法名 = function(形式参数列表){ 方法体} 和 var fun = new Function(形式参数列表,方法体) 调用的优先级别是一样的,遵循第1)条规则。
Array 数组对象
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Array数组</title>
<script>
/*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中,数组长度可变的。
*/
var array1 = new Array(1,2,3,4);
document.write(array1) ; //->1,2,3,4
var array2 = new Array(5); //定义了长度,由于数组的长度是可变的所以没有多大的意义。
document.write(array2) ; //->,,,,
var array3= [1,2,3,4,5]; // ->1,2,3,4,5
document.write(array3);
document.write(array3.join(";")); //—>1;2;3;4;5 默认为","
array3.push(2,"a"); //添加一个或者多个元素,添加的元素类型是任意的。
document.write("<hr>");
document.write(array3) //->1,2,3,4,5,2,a
</script>
</head>
<body>
</body>
</html>
Math 和 Date
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>MathAndDate</title>
<script>
/*4. Date:日期对象
1. 创建:
var date = new Date();
2. 方法:
toLocaleString():返回当前date对象对应的时间本地字符串格式
getTime():获取毫秒值。返回当前如期对象描述的时间到1970年1月1日零点的毫秒值差
5. Math:数学对象
1. 创建:
* 特点:Math对象不用创建,直接使用。 Math.方法名();
2. 方法:
random():返回 0 ~ 1 之间的随机数。 含0不含1
ceil(x):对数进行上舍入。
floor(x):对数进行下舍入。
round(x):把数四舍五入为最接近的整数。
3. 属性:
PI
*/
var date = new Date();
var s = date.toLocaleDateString();
document.write(s) ; //->2018/8/27
var longt = date.getTime();
document.write(longt); //->1535374471791 当时刻的毫秒值,用于时间戳。
document.write("<hr>");
var number = Math.random();
document.write(number); //->0.1671081117618518 [0-1)之间的值
</script>
</head>
<body>
</body>
</html>
Boolean,Number,String等这些等省去了。