5.1 Object类型
1:创建Object实例的两种方式
①new构造法
var obj1 = new Object(); 注意大写!不传递参数时可以省略圆括号
obj1.hehe = "nmb";
②对象字面量表示法
var obj1 = {
hehe : "nmb"
};
在使用对象字面量语法的时候,属性名可以使用字符串(new方法会出现undefined string的提示)
var obj1 = {
"hehe" : "nmb"
}; var obj1 = {
hehe : "nmb"
}; //上面两句等价,均使用obj1.hehe进行引用;若是使用obj1."hehe"引用,无论哪种方式都无法成功;
var o ={}; 与 var o = new Object();等价
2:方括号表示法来访问对象的属性——特点是属性名为变量或包含空格,为关键字时才使用方括号表示法
alert(obj["hehe"]);---方括号中的属性名需要以字符串的形式访问
3:所有对象都具有一些基本的属性和方法
比如:toString(),valueOf(),hasOwnProperty()..
5.2Array类型
1:创建数组的方式
//new构造法
var colors = new Array(); var colors = new Array(20); var colors = new Array("red","blue"); //数组字面量表示法
var colors = ["red","blue"]; var names = [];
2:检测数组
Array.isArray();
3:转换方法
Array.toString();返回由逗号分隔开的拼接字符串
Array.valueOf();返回的依旧是数组本身不变
alert(Array);由于alert()要接收字符串参数,所以会在后台调用toString()方法,与toString()方法相同
Array.join();方法可以使用不同的分隔符来构建这个字符串如:Array.join("||")-->red||blue
4:数组对象的各种方法
①push();pop();(返回长度)推入后面,后入先出——栈
②unshift();shift();推入前面,先入先出——队列
③reverse();sort();——重排序
④concat(传递一个或多个参数);slice(传递1-2个参数,新建一个从初始位置到结束位置之前一位的数组);splice(要删除的第一项,删除的项数,填充的项)——操作方法
⑤indexOf(),lastIndexOf()——位置方法(传递1-2个参数,搜索目标和起始位置)
⑥every(),filter(),forEach(),map(),some()——迭代方法
⑦reduce(),reduceRight()——归并方法
5.3 Date类型
1:创建Date类型(不传入参数则自动获取当前日期和时间)
var now = new Date();
2:Date方法
Date.parse();——接收一个表示日期的字符串参数,然后返回相应的日期毫秒数如
var someDate = new Date(Date.parse("May 25, 2004"));
或
var someDate = new Date("May 25,2004"); //如果无法识别则返回NAN,由于直接将字符串传递给Date会自动调用Date.parse()所以上面两式结果相同
var someDate = new Date();
//如果不传入参数则自动获得当前日期和时间
Date,UTC();——只有前两个参数年月是必填的
var someDate = new Date(Date.UTC(2005,4,5,17,55,55));
var someDate = new Date(2005,4,5,17,55,55);
//GMT事件2005年5月5日下午5:55:55
上面两种方法均返回表示日期的毫秒数
var datenow2 = Date.now(); var datenow2 = +new Date(); //上面均可以获得当前日期的毫秒数,通常可以用于计算
3.继承的方法
Date.toString()——返回带有时区信息的日期和时间
Date.valueOf()——返回日期的毫秒表示
由于关系运算符运算的是对象时,会自动调用对象的valuOf()后比较,所以可以方便的进行比较
var date1 = new Date(2007,0,1);
var date2 = new Date(2007,1,1); alert(date1<date2);
//true
4:Date对象还有很多用于设置和取得日期值中特定部分的方法P102
比如:Date.getTime();——返回表示日期的毫秒数,与ValueOf()返回值相同;
5.4 RegExp正则
5.5 Function类型
1:创建函数
①函数声明(函数提升,但是无法直接跟圆括号调用)
function sum(s1,s2){ return s1+s2; }
②函数表达式
var sum = function(s1,s2){ return num1+num2; };
【注】:不带括号的函数名是访问函数指针,而非调用函数;函数表达式有分号结尾,函数声明则没有!
2:函数内部属性
①有两个特殊的对象:arguments和this
I.arguments.callee == 该参数所属的函数名
function sum(s1,s2){ return arguments.callee; //此时的arguments.callee == sum
}
II.caller属性保存着调用当前函数的函数的引用
function outer(){
inner();
} function inner(){
alert(inner.caller);
} outer(); //此处对outer()的调用会显示outer函数的源代码
3:函数属性和方法
①length属性表示希望接收的命名参数的个数;
②prototype属性——toString(),valueOf();
③每个函数都包含两个非继承而来的方法call和apply——传递参数,扩充作用域
④bind方法——创建一个函数实例,其this会被绑定到传给bind()函数的值
例子如下
window.color = "red";
var o = {color: "blue"}; function sayColor(){
alert(this.color);
} var objectSayColor = sayColor.bind(o);
objectSayColor();
//blue
⑤函数继承的toString(),valueOf()方法均返回函数代码
5.6基本包装类型——Boolean/Number/String
1:引用类型与基本包装类型的区别就是对象的生存期,自动创建的基本包装类型的对象只存在于一行代码的执行瞬间,然后立即被销毁
var s1 = "some text"; s1.color = "red"; alert(s1.color); //undefined
2:Boolean对象没什么用,建议永远不要使用。
3:Number类型
①toString(x)——x表示转化成几进制的字符串形式
②toFixed(x)——x表示按照指定的小数位返回数值的字符串表示
③toExponential(x)——使用科学记数法记数,x表示输出结果中的小数位数
4:String类型
①length——返回字符串字符数(包括空格)
②charAt(x)——返回x处的字符
var str = "hello world";
alert(str.charAt(1));
//e
③ECMASCRIPT定义了另一个访问个别字符的方法[]
var str = "hello world";
alert(str[1]);
//e
④concat()——类似数组的相同方法,但是返回的不是数组而是拼接后的字符串(一般情况下使用+代替)
⑤slice(),substr(),substring()——均是对字符串进行处理后返回处理结果(互相可以替换,效果差不多)
⑥indexOf(),lastIndexOf()——类似数组的方法,接收两个参数,查询值和从哪里开始查询
⑦trim(),trimLeft(),trimRight()——删除前置后置的空格/删除前置空格/删除后置空格
⑧toLowerCase(),toUpperCase()——小写大写转换
⑨字符串的模式匹配方法——与RegXep到时候一起总结
split(x指定分隔符,y指定返回数组大小)——模式匹配很好用的方法
5.7 单体内置对象
1.Global对象
①eval()方法
接受一个参数,即要执行的ECMAScript字符串;
eval("alert('hi')");
在执行了字符串后,会将执行结果插入到原位置,与eval()处于相同的作用域链中
var mes = "hello world";
eval("alert(mes)");
//hello world
②Web浏览器将Global这个全局对象作为window对象的一部分来实现,因此在全局作用域中声明的所有变量和函数,都成了window对象的属性
var color = "red";
function sayColor(){
alert(window.color);
}
window.sayColor();
//red
2.Math对象
①属性
Math.E,Math.PI………………
②Math.max(1,2,3,4);Math.min(1,2,3,4);
要取得数组中的最小值可以用apply方法
var val = [1,2,3,4,5,6,7,8];
var max = Math.max.apply(Math,values); //虽然书上的方法是这里
var max = Math.max.apply(this,values); //但是经测试这种写法也是OK
③Math.ceil()——向上舍入,Math.round()——向下舍入,Math.floor()——标准舍入(四舍五入),Math.random()