[网页编程]-23 JavaScript Prototype的使用

prtyaa 2023-12-27 15:59:01  65148

分类专栏：资讯

Prototype(原型列

用法类似于java中的继承

原型prototype相当于为该类创建一块公共的空间

简单的原理请看下面代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script>
			
			
			function  user(age,sex){
				
				this.name="张三";
				
				this.age=age;
				
				this.sex=sex;
				
				this.eat=function(){
					
					//方法体
					alert("我是user中的吃的方法")
					
				}
				
			}
			
			function  user2(){
				
				this.run=function(){
					
					alert("我是user2中跑的方法");
					
				}
				
			}
			
			
			
			user.prototype=new user2();
			
			
			//创建对象
			
			var  us =new  user(12);
			
			us.look="看雾霾";//js中对象的使用比较灵活
			
			//alert(us.name+"<---->"+us.age+"<---->"+us.sex+"<====>"+us.look);
			
			us.run();
			
		</script>
		
		
	</head>
	<body>
	</body>
</html>

核心代码

user.prototype=new user2();

实际上user中没有run的方法,但是使用了prototype之后就可以使用user2中的run方法

此外JavaScript中也比java更加的灵活,主要体现在

us.look="看雾霾";//js中对象的使用比较灵活

上方代码本身在user中不存在的属性,但是用了之后,就可以给user中添加属性并且赋值

网站声明：如果转载，请联系本站管理员。否则一切后果自行承担。

本文链接：https://www.xckfsq.com/news/show.html?id=31524

赞同 0

评论 0 条

[网页编程]-13 HTML5 音/视频标签 2023-12-27 66575 浏览
在过去我们引入音频和视频的时候都比较麻烦,但h5后,一切都简单了参考页面HTML5Audio(音频)_w3cschoolwww.w3cschool.cn/html5/html5-audio.html最佳解决方式
[网页编程]-06 HTML5 超链接标签 2023-12-27 61332 浏览
超链接的作用实际上就是为实现页面跳转功能以及锚点功能(跳转到当前页面的顶部和尾部或设定的位置)测试代码返回底部
[网页编程]-08 框架标签 iframe 2023-12-27 67199 浏览
简单的来说,就是给网页做布局一个网页引入嵌套其他的网页例如我们的w3cSchool就是一个网页中引入了3个不同的网页(这里是类似哈,不是说这里就是用iframe)示例代码
- [网页编程]-09 框架标签frameset 及frame 2023-12-27 64605 浏览
  用这个标签的时候就是要先去body标签这个框架标签现在用得少,主要是移动端显示的画面差,所以用的极少参考代码
- [网页编程]-10 框架标签 div 2023-12-27 64025 浏览
  div用于对网页模块化划分div标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具，并且不使用任何格式与其关联。
  是一个块级元素。这意味着它的内容自动地开始一个新行大致上可以这样理解将一个网页进行这样划分,变成模块,然后在做编辑和布局也就是把网页划成多个格子,方便我们在每个格子里操作这里是需要用CSS的,如果不懂的话,只要理解下面的代码就可以了邮箱:
  年龄:
  
  添加我为好友，拉您入交流群！
  
  请使用微信扫一扫!

[网页编程]-23 JavaScript Prototype的使用

相关文章