zoukankan      html  css  js  c++  java
  • 06-js的自定义对象

    类和对象:

    <!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>
    

      

  • 相关阅读:
    git shell自动打tag
    git 获取最新的匹配到的tag
    centOS debian ubuntu 一键安装 docker 教程
    git将当前分支的修改推到其他分支
    MusicPlayer2
    Ventoy 多合一启动盘制作工具神器
    electron-builder 下载 electron过慢或报错的解决办法
    解决npm install 报错“npm WARN pug-loader@2.4.0 requires a peer of pug@^2.0.0 but none is installed. You must install peer dependencies yourself.“
    全能笔记软件 Notion 的“中国版" wolai
    Your branch is behind 'origin/master' by N commits, and can be fast-forwarded 解决方法
  • 原文地址:https://www.cnblogs.com/wcyMiracle/p/12411332.html
Copyright © 2011-2022 走看看