javascript中自定义类（1）

矫情吗；* 2022-09-19 05:30 175阅读 0赞

<html>
    	<head>
    		<title>javascript中自定义类</title>
    		
    		<script>
    			//定义Person类
    			function Person()
    			{
    			
    			}
    			
    			//创建对象
    			var p = new Person();
    			
    			//1、添加属性
    			p.name = "zhangsan";
    			p.age = 23;
    			p.sex = "man";
    			
    			//通过.访问属性
    			document.write(p.name + "," + p.age + "," + p.sex + "<br/>");//zhangsan,23,man
    			//通过[]访问属性
    			document.write(p["name"] + "," + p["age"] + "," + p["sex"] + "<br/>");
    			/*
    				这种方法添加的属性，只是针对某个对象添加的！！
    			*/
    			var p2 = new Person();
    			document.write(p2.name + "," + p2.age + "," + p2.sex + "<br/>");//undefined,undefined,undefined
    
    			//2、添加方法
    			//（1）普通函数
    			function show()
    			{
    					document.write("show():" + p.name + "," + p.age + "," + p.sex + "<br/>"); 
    			}
    			p.start = show;//start和show指向同一个函数体
    			p.start();
    			
    			//（2）匿名函数
    			p.show2 = function() {
    				document.write("show2():" + p.name + "," + p.age + "," + p.sex + "<br/>"); 
    			}
    			p.show2();
    			
    			//3、修改属性和方法
    			p.name = "lisi";//修改属性值
    			p.show = function () {
    				document.write("修改后的show() ===>" + p.name + ","+ p.age + "<br/>");
    			}
    			p.show();
    			
    			
    			//4、删除属性和方法
    			p.name = undefined;//删除属性
    			p.show();//修改后的show() ===>undefined,23
    			//p.show = undefined;//删除方法
    			//p.show();
    			
    			
    			
    		</script>
    		
    	</head>
    	<body>
    	
    	</body>
    </html>

发表评论取消回复

表情：

评论列表（有 0 条评论，175人围观）

还没有评论，来说两句吧...

相关阅读

相关自定义对象_JavaScript

自定义对象\_JavaScript 学习路线：[JavaScript基础语法（输出语句）][JavaScript]\->[JavaScript基础语法（变量）][Java

╰+哭是因爲堅強的太久メ/ 2024年03月31日 12:58/ 0 赞/ 60 阅读

相关 JavaScript中如何自定义属性操作

自定义属性操作 <!DOCTYPE html> <html lang="en"> <head> <meta charse

喜欢ヅ旅行/ 2023年10月03日 14:59/ 0 赞/ 3 阅读

相关 Eclipse中自定义类注释模板

Eclipse中自定义类注释模板 Window-->Preferences-->Java-->Code Style-->Code Template-->Comments

淩亂°似流年/ 2023年06月30日 01:44/ 0 赞/ 125 阅读

相关 javascript中自定义属性值

<div id="demo" data-index="2"> </div> <script> var div = document.getElement

布满荆棘的人生/ 2022年12月06日 04:03/ 0 赞/ 181 阅读

相关 javascript中自定义类(2)

<html> <head> <title>javascript中自定义类2</title> <script>

红太狼/ 2022年09月19日 08:05/ 0 赞/ 164 阅读

相关 javascript中自定义类（1）

<html> <head> <title>javascript中自定义类</title> <script>

矫情吗；*/ 2022年09月19日 05:30/ 0 赞/ 176 阅读

相关 javascript中使用自定义类来扩展内置类的原型

接上一篇，在这里，我们用一个自定义的类来扩展内置类的原型. function myArray( o){ this.getArray=function(){

太过爱你忘了你带给我的痛/ 2022年08月07日 11:34/ 0 赞/ 129 阅读

相关 4-1、自定义InputFormat 类代码

在编写MapReduce的时候，自带的输入格式有时候满足不了我们的需求，这个时候就要自己来定制InputFprmat、InputSplit和RecordReader。

布满荆棘的人生/ 2022年08月04日 15:51/ 0 赞/ 173 阅读

相关 JavaScript自定义事件

标题JavaScript自定义事件最近遇到一个基于jQuery项目,项目中的功能节点页面都是通过iframe实现,但是各个iframe之间有时需要相互通信,互相相应一些

男娘i/ 2022年04月02日 04:14/ 0 赞/ 281 阅读

相关 JavaScript自定义事件

标题JavaScript自定义事件最近遇到一个基于jQuery项目,项目中的功能节点页面都是通过iframe实现,但是各个iframe之间有时需要相互通信,互相相应一些

太过爱你忘了你带给我的痛/ 2022年03月30日 14:22/ 0 赞/ 278 阅读