标签:依赖 原因 als 对象 -- 冗余 实参 address new
类和对象:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>js中的类和对象学习</title> <meta charset="UTF-8"/> <!-- js中的类学习: 1、类的声明: function 类名(形参1,形参2……){ this.属性名1=形参1; this.属性名2=形参2; …… this.属性名=fn } 2、类的使用: var 对象名=new 类名(实参1,实参2……); 注意: js中类的内容只是对象的公共部分,每个对象还可以自定义的进行扩充。 3、类的"继承":prototype关键字 、 同过prototype关键字实现了不同对象之间的数据共享。 作用1:实现某个类的所有子对象的方法区对象的共享,节省内存 --> <!--声明js代码域--> <script type="text/javascript"> //1、类的声明--person function Person(name,age){ Person.prototype=new User(); this.name=name; this.age=age; this.fav="唱歌"; } function User(uname,pwd){ this.uname=uname; this.pwd=pwd; } //使用prototype //Person.prototype.test=function(){alert("嘿嘿")}; Person.prototype=new User(); User.prototype.testU=function(){alert("我是user")}; //User.prototype.student=new Student(); //2、使用类 var p1=new Person("张三",32); // p1.address="北京市"; // alert(p1.address); // alert(p1.name); var p2=new Person("李四",23); // alert(p2.name); //alert(p1.test===p2.test);//false; alert(p1.test===p2.test); p1.testU(); </script> </head> <body> </body> </html>
自定义对象:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>js的自定义对象</title> <meta charset="UTF-8"/> <!-- js创建自定义对象 对象的作用:用来存储整体数据。 原因:很多时候我们没有办法预先知道一个对象应该有哪些属性,所以只能临时的创建一个对象来自定义属性存储数据。来保证数据的完成性 应用: Ajax中会使用。 使用: 1、创建自定义对象 var 对象名=new Object(); 对象名.属性名1=属性值1; 对象名.属性名2=属性值2; 对象名.属性名3=属性值3; …… var 对象名={}; 对象名.属性名1=属性值1; 对象名.属性名2=属性值2; 对象名.属性名3=属性值3; …… 2、一般用来存储数据,不会再自定义对象中存储函数对象。 3、js中的对象属性和内容是可以自定义的扩充的,不是依赖于类的声明的,类只是对象公共部分的一种声明,是为了节省代码的冗余的。 --> <!--声明js代码域--> <script type="text/javascript"> //1、创建自定义对象 var obj=new Object(); obj.name="张三"; obj.age=23; obj.test=function(){ alert("我是obj"); } </script> </head> <body> </body> </html>
标签:依赖 原因 als 对象 -- 冗余 实参 address new
原文地址:https://www.cnblogs.com/wcyMiracle/p/12411332.html