JS-对象

    xiaoxiao2025-06-15  23

    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);
    最新回复(0)