JS-对象

1,简介

什么是基于对象:
将操作 使用对象来完成 的编程思想 比如通过对象调方法
什么是对象:
对象是一类事物的总称，比如人、狗、猫、电脑、桌子等。
对象包括两大部分：属性和行为。
对象只是带有属性和行为的特殊数据类型。 和string number一样都是数据类型
什么是属性:
属性是对象的一部分，每个对象都有自己的特性，称为这个对象的属性。比如：“狗”这个对象有“尾巴”这个属性，而“人”这个对象就没有“尾巴”属性
什么是方法
每个对象都有自己特有的行为，比如鸟会飞、狗会跑。那么“飞”这个行为就是鸟对象的方法。“跑”这个行为就是狗对象的方法（函数) “行为”以方法（函数）的形式去执行（表现出来）。
注意： 当一个行为不确定是哪个对象的时候，这个行为和谁关系最近 这个行为就属于谁。

2,自定义对象

自定义对象有三种方法
1)、通过new这个关键字，后面加上函数名();
// 没有属性没有方法的空对象 Object()是一个空对象
var person=new Object( );
// 添加属性
person.firstname=“Bill”;
person.lastname=“Gates”;
// 添加方法
person.run = function( ) { // 函数可以赋值给变量
alert(‘run’);
}
访问属性和方法
alert(person.age);
person.run();
2)、通过function封装对象
function person( ) {
var person=new Object();
person.firstname=“Bill”;
person.run = function(){
alert(‘run’);
}
return person;
}
// 创建person对象
var p = person();
alert(p.age);
p.run();
注意对象创建出来之后还可以添加属性和方法
p.height = 180;
3)、通过this自定义对象
在对象的方法里访问当前对象的属性
当前函数属于哪个对象，this就代表这个对象
对象的每个方法里面都有一个自带的“this”，代表当前对象（这个方法是哪个对象的，this就代表这个对象）
function person(){
var person=new Object();
this.name=“Bill”;
this.run = function(){
alert(‘run’);
}
// return this; // 注意：不能这么写 有this这个关键字 前提是要有对象 现在还没有对象呢，通过new引用
}
var p = new person();
alert(p.age);

3、知识补充

1)、创建对象扩展：构造方法 初始化方法
2)、对象相当于数组，可以遍历对象的每个属性

function person(fName, lName, age) {
var person=new Object();
this.firstname=fName;
this.lastname=lName;
this.age=age;
this.eyecolor="blue";
this.run = function(){
alert('run');
}
}
var p = new person(jms,bond,30);
for(var property in p)
{document.write("p." + property + " = " p[property] + "<br/>");
}

注意：p[property]括号里可以放变量，p.property 错误, p.后面不能用变量。
3)、with
with(对象1) {
// 在这里调用方法，如果前面不加上对象，默认这个方法就是对象1的方法。
}

4,系统内置对象

1)、Math对象
Math（算数）对象的作用是：执行常见的算数任务
// Math对象不用new，是静态对象
常用算数值：
常数 Math.E
圆周率 Math.PI
2 的平方根 Math.SQRT2
1/2 的平方根 Math.SQRT1_2
常用方法:
round() document.write(Math.round(-4.40));
random() document.write(Math.random());
max() document.write(Math.max(-3,-5) ); 多个取最大
min() document.write(Math.min(-3,-5) );
abs() 返回数的绝对值。
floor() 取整（舍弃小数）下舍入
ceil() 上舍入
使用 floor() 方法和 random() 来返回一个介于 0 和 10 之间的随机数
document.write(Math.floor(Math.random()*11));
2)、Date对象
日期对象用于处理日期和时间。
1、定义日期对象
可以通过 new 关键词来定义 Date 对象。以下代码定义了名为 myDate 的 Date 对象：
var myDate=new Date() 注释：Date 对象自动使用当前的日期和时间作为其初始值。
2、操作日期
Date() 返回当日的日期和时间 document.write(Date())
getTime() 返回从 1970 年 1 月 1 日至今的毫秒数 var d=new Date(); d.getTime()
setFullYear() 更改时间，设置具体的日期。 var d = new Date(); d.setFullYear(1992,10,3); document.write(d);
toUTCString() 将当日的日期（根据 UTC）转换为字符串 var d = new Date() document.write (d.toUTCString())
getDay() 使用 getDay() 和数组来显示星期，而不仅仅是数字
var weekday=new Array(7) document.write(“今天是” + weekday[d.getDay()]) 0 代表周日 0-6
比较日期 myDate>toda
3)、String对象
用于处理已有的字符块
常用方法
1、为字符串添加样式改变字体、颜色等
document.write("

原来的样式 " + txt + “

”);
// 变大字体 document.write("

Big: " + txt.big() + “

”)
// 字体变小 document.write("

Small: " + txt.small() + “

”)
// 加粗 document.write("

Bold: " + txt.bold() + "

// 斜体 document.write("

Italic: " + txt.italics() + “

”)
// 光亮 document.write(“

Blink: " + txt.blink() + " (does not work in IE)

”)
// Fixed document.write("

Fixed: " + txt.fixed() + “

”)
// Strike document.write("

Strike: " + txt.strike() + “

”)
// 改变字体颜色 document.
// 所有字符全部转为小写 document.write("

Lowercase: " + txt.toLowerCase() + “

”)
// 所有字符全部转为大写 document.write("

Uppercase: " + txt.toUpperCase() + “

”)
// 下标样式 document.write("

Subscript: " + txt.sub() + “

”)
// 上标 document.write("

Superscript: " + txt.sup() + “

”)
//字符串反转
//var str = ‘asdfj12jlsdkf098’;
//var str2 = str.split(’’).reverse().join(’’);
//alert(str2);
// 点击字符串之后的链接
document.write("

Link: " + txt.link(“http://www.w3school.com.cn”) + “

”)
2、其他常用方法
计算字符串的长度 document.write(txt.length)
indexOf() 方法 定位字符串中某一个指定的字符首次出现的位置 找不到返回-1
match() 方法 查找字符串中特定的字符，并且如果找到的话，则返回这个字符；没找到返回null 找到一个或多个正则表达式的匹配。
replace() 如何替换字符串中的字符
charAt() 返回指定位置的字符 如果参数 index 不在 0 与 string.length 之间，该方法将返回一个空字符串
concat() 把它的所有参数转换成字符串，然后按顺序连接到字符串 stringObject 的尾部，并返回连接后的字符串 和 +号 一样
lastIndexOf() 返回一个指定的字符串值最后出现的位置，在一个字符串中的指定位置从后向前搜索
substr() 从起始索引号提取字符串中指定数目的字符
4)、RegExp(正则表达式)对象
正则对象RegExp对象用于规定在文本中检索的内容
1、什么是 RegExp？
RegExp 是正则表达式的缩写。
当您检索某个文本时，可以使用一种模式来描述要检索的内容。RegExp 就是这种模式。
简单的模式可以是一个单独的字符。
更复杂的模式包括了更多的字符，并可用于解析、格式检查、替换等等。
您可以规定字符串中的检索位置，以及要检索的字符类型，等等。
2、定义 RegExp对象
创建 RegExp 对象的格式 new RegExp(pattern, attributes);
参数 pattern 是一个字符串，指定了正则表达式的模式或其他正则表达式。
参数 attributes 是一个可选的字符串，包含属性 “g”、“i” 和 “m”，分别用于指定全局匹配、区分大小写的匹配和多行匹配。ECMAScript 标准化之前，不支持 m 属性。如果 pattern 是正则表达式，而不是字符串，则必须省略该参数。
RegExp 对象用于存储检索模式。
通过 new 关键词来定义 RegExp 对象。以下代码定义了名为 patt1 的 RegExp 对象，其模式是 “e”：
var patt1= new RegExp(“e”);
当您使用该 RegExp 对象在一个字符串中检索时，将寻找的是字符 “e”。
3、常用方法
test( ) 检索字符串中的指定值。返回值是 true 或 false
var patt1=new RegExp(“e”);
document.write(patt1.test(“The best things in life are free”));
由于该字符串中存在字母 “e”，以上代码的输出将是：true
exec() 检索字符串中的指定值。返回值是被找到的值。如果没有发现匹配，则返回 null。
例子 1：
var patt1=new RegExp(“e”);
document.write(patt1.exec(“The best things in life are free”));
由于该字符串中存在字母 “e”，以上代码的输出将是：e
例子 2：
您可以向 RegExp 对象添加第二个参数，以设定检索。例如，如果需要找到所有某个字符的所有存在，则可 以使用 “g” 参数 (“global”)。
在使用 “g” 参数时，exec() 的工作原理如下：
找到第一个 “e”，并存储其位置
如果再次运行 exec()，则从存储的位置开始检索，并找到下一个 “e”，并存储其位置
var patt1=new RegExp(“e”,“g”);
do
{
result=patt1.exec(“The best things in life are free”);
document.write(result);
}
while (result!=null)
由于这个字符串中 6 个 “e” 字母，代码的输出将是：eeeeeenull
compile() 用于改变 RegExp。既可以改变检索模式，也可以添加或删除第二个参数。
var patt1=new RegExp(“e”);
document.write(patt1.test(“The best things in life are free”));
patt1.compile(“d”);
document.write(patt1.test(“The best things in life are free”));
由于字符串中存在 “e”，而没有 “d”，以上代码的输出是：truefalse
直接量语法 直接创建正则对象 不用new
var rge = /pattern/attributes attributes：模式修饰符
// 替换
var str = “aksdnpaa123456789”;
var newStr = str.replace(/\d/g, ‘00000000’);
document.write(str);
document.write(newStr);