js 模拟面向对象的方式

首先简单了解一下

面向 对象(Object Oriented,OO)是 软件开发方法。面向 对象的概念和应用已超越了 程序设计和软件开发,扩展到如 数据库系统、交互式界面、应用结构、应用平台、 分布式系统网络管理结构、CAD技术、 人工智能等领域。面向对象是一种对现实世界理解和抽象的方法,是计算机编程技术[1]  发展到一定阶段后的产物。
面向 对象是在 结构化设计方法出现很多问题的情况下应运而生的。 结构化设计方法求解问题的基本策略是从功能的角度审视问题域。它将应用程序看成实现某些特定任务的 功能模块,其中子过程是实现某项具体操作的底层功能模块。在每个功能模块中,用 数据结构描述待处理数据的组织形式,用 算法描述具体的操作过程。面对日趋复杂的应用系统,这种开发思路在下面几个方面逐渐暴露了一些弱点。
面向对象的语言有一个标志,那就是他们都有类的概念,通过类可以创建任意多个具有相同属性和方法的对象。但是在ECMAScript中有类 的概念,但是我们可以通过其他方式来模拟面向对象的类。
  • 工厂模式:工厂模式是软件工厂领域中一种广为人知的设计模式。
  • 稳妥构造函数模式
  • 寄生构造函数模式
  • 动态原型模式。
  • 构造函数模式:比如想ECMAScript中Array,Object,Date等都是通过构造函数来创建的。
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'MyJsp.jsp' starting page</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
	<script type="text/javascript" charset="utf-8">
// 		var obj=new Object();//or var obj=();
// 		obj.name="love";
// 		obj.sax='男';
// 		obj.sayName=function(){alert("啦啦啦!")};

		//类的概念
		//第一种形式 工厂模型
// 		function createPerson(name,sex,age){
// 			var obj =new Object();
// 			obj.name=name;
// 			obj.sex=sex;
// 			obj.age=age;
// 			return obj;
			
// 		}
// 		var love=createPerson('lala','男',20);
// 		var like=createPerson('你大爷','女',21);
// 		alert(love.name+"\t:\t"+like.name+"\n"+love.sex+"\t:\t"+like.sex+"\n"+love.age+"\t:\t"+like.age);
		//第二种形式 构造函数 new Array new Date
		//函数的第一个字母大写(类的模板)
		function Person(name,age,sex){
			this.name=name;
			this.age=age;
			this.sex=sex;
			this.sayName=function(){
				alert(this.name+"\t:\t"+this.age+"\t:\t"+this.sex);
			}
		}
		//构造一个对象 new 关键字 传递参数 执行模板代码 返回对象
		var love=new Person('A',20,'男');
		var like=new Person('a',21,'女');
// 		love.sayName();
// 		alert(like==love); //false 类的概念:根据模板创建出不同的实例对象
// 		alert(love instanceof Person); //true
// 		alert(love instanceof Object);//true
		//创建对象的方式:
		//当做构造甘薯去使用
		//var love=new Person('A',20,'男'); 
		//作为普通函数去调用
		//Person('A',20,'男');//在全局环境里定义属性并复制 直接定义在window上
		var o =new Object();
		//call applly
		Person.call(o,'asd',17,'女');
		alert(o.name);
	</script>

  </head>
  
  <body>
    This is my JSP page. <br>
  </body>
</html>


  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

无与伦比的傻

微信公众号:dasha500

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值