【JavaScript】类和对象
来源:互联网 发布:unity3d 官方demo 编辑:程序博客网 时间:2024/05/17 06:38
类和对象
如果使用非面向对象的方法创建多个类似对象,情形是这样的:
- 一、非面向对象
//第一个学生var stu1=new Object();stu1.name=...stu1.age=...stu1.score=......//第二个学生var stu2=new Object();stu2.name=...stu2.age=...stu2.score=...//第三个学生...//第n个学生...
不难看出来,如果我们做一个学校的校务管理系统,就学生子模块而言,光是生产出来几千个学生都得耗费我们很大的精力。这也就是非面向对象不好的地方:声明多个相似的类时,不仅开发工作量大,后期运维一样让人痛苦不堪。解决这类问题我们需要面向对象的方法。不再啰嗦面向对象的概念了,需要理解概念的同学可以自行参考《设计模式之面向对象再回首》 进行脑补。
- 二、 面向对象
这里就工厂模式和构造函数两种方法进行阐述(因为对这两种方法比较迷糊)。
- 1、工厂模式
Function createObject(name,age){ Var obj=new object(); obj.name=name; obj.age=age; obj.run=function() { Return this.name +this.age+'loading...'; } Return obj;}Var box1=createObject('joker',99);var box2=createObject('shusheng',88);alert(box1.run());alert(box2.run());
- 2、构造函数
function createobject(name,height){ this.name=name; //实例属性 this.height=height; //实例属性 this.run=function() //实例方法 { Return this.name+this.height; }}var b1=('hsu',12);var b2=('123',234e);alert(b1);alert(b2);
- 3、工厂模式和构造函数的异同
- 1)相同点:
- 工厂模式和构造函数都是通过传参的形式去创建多个相似的对象,或者说是先创建出对象创建的模板,需要的时候直接用模板搭建出来对象的骨架,再通过传参创建出来不同的但是相似的对象。通过工厂模式和构造函数创建对象,都需要返回值,反则无法创建对象。
- 2)不同点:
- 通过工厂模式创建出来的对象是无法被区分的,但是使用构造函数创建出来的对象是可以被识别出来的。
- 使用工厂模式创建对象,必须return相当于“形参”的函数obj,否则无法创建对象。
- 使用构造函数创建对象,不需要显式创建(new)、可直接将属性和方法赋值给this、不需要return创建的实例
总而言之,通过面向对象的方法创建对象,不仅可以减轻开发的工作量,还对运维的工作量有不可估量的价值。
感谢您的宝贵时间,祝生活愉快,谢谢。——书生
阅读全文
0 0
- 【JavaScript】类和对象
- JavaScript类和对象
- javascript 面向对象 和 javascript 类
- JavaScript类和内置对象
- JavaScript定义类和对象
- JavaScript定义类和对象
- javascript指南-类和对象
- javascript类对象和继承
- JavaScript封装对象和类
- Javascript类和对象基础知识
- 20-JavaScript-面向对象-类(原型对象) 和 对象(实例)
- JavaScript 对象和创建对象
- 类 和 对象 (看 javascript真经 有感)
- Javascript自定义类和对象简述
- 了解JavaScript的类和对象
- Javascript 类和对象 实现方式
- JavaScript 对象和自定义JavaScript 对象
- JavaScript属性和对象
- HTML5 localStorage使用教程
- 利用Navicat for mysql 导出和导入数据库
- zuul网关的设计思路的思考
- 【剑指offer】【二维数组中的查找】【有序二维数组整数查找】【判断二维数组是否为空方法】
- web测试发现bug,如何定位bug
- 【JavaScript】类和对象
- 相关英语单词汇总
- 文章标题
- 前端的一些小笔记
- input 银行卡输入框,四位一空格
- angularjs 前台复杂的json串传到后台接受(简单)总结
- UDP套接字编程
- 小白使用stm32的简单说明书(右键新标签页打开图片可以全屏)
- mac上安装flask详细步骤