JavaScript面向对象程序设计教程
JavaScript中对象的定义为:无序属性的集合,其属性可以包含基本值、对象或者函数。可以把对象想象成散列表,就是一组名值对(key:value),其中值可以是数据或函数,每个对象都是基于一个引用类型创建的。
理解对象
前面的博客里写过创建对象的方式有两种,一种是创建一个object的实例,另一种是使用对象字面量法:
var person = new Object(); person.sex = man; person.name = bluce person.age = 58; person.sayHi() = function(){ console.log('Hello World!'); }
但更多的是采用下面一种方式
var person = { sex:man, name:'bluce', age:'58', sayHi:function(){ console.log('Hello World!'); } }
创建对象
使用Object构造函数和对象字面量法都可以创建单个对象,但有明显的缺点:使用同一个接口创建很多对象,会产生大量的重复代码。常用的创建对象方式主要有工厂模式、构造函数模型、原型模式。
这里有自己的一个疑问:采用AMD规范后,编写的单个js文件,可以看做一个模块,也可以说是一个“类”,现在与JavaScript中的这个“类”概念有点混淆了,希望后面能分清应用场合吧。
关于JavaScript面向对象程序设计教程小编就给大家介绍到这里,希望对大家有所帮助!
下面给大家补充JavaScript面向对象设计——工厂模式
工厂模式是软件工程领域一种广为人知的设计模式,这种模式抽象了创建具体对象的过程,可以用函数来封装以特定接口创建对象的细节。
之前在Java的DAO中用过这种设计模式,比较容易理解。
function createPerson(name,age,sex){ var obj = new Object(); obj.name = name; obj.age = age; obj.sex = sex; obj.sayHi() = function(){ console.log(this.name); }; //引号不要漏掉,养成好的习惯 return obj; } var person1 = createPerson("bluce",58,"man"); var person2 = createPerson("john",68,"man");
使用该函数可以根据接收的参数创建一个包含必要信息的Person对象。可以无数次地调用这个函数,每次都会返回一个包含三个属性和一个方法的对象。工厂模式解决了创建多个相似对象的问题,但没有解决对象识别的问题(如何知道一个对象的类型)
相关推荐
-
JavaScript面向对象知识串结(读JavaScript高级程序设计(第三版))
第一遍囫囵吞枣,不求甚解,感觉恍然大悟,结果晚上睡觉一想发现很多问题,什么都不明白,再看第二遍,发现原来是这样.过了几天一用,发现手写起来原来还是在凭记忆,于是下一遍,下一遍... 单凭记忆去弄清楚东西很不靠谱,时间一长脑袋空白.特别是技术上的很多思想和原理,只看不练,即便当时想得特别清楚,过久了也会忘.再者就是网上一些东西,只能说是提供了一种便捷的查看途径,事后还是自己总结为好,毕竟大多都是个人总结,一些概念很难讲的很清楚,而且两个人谈同一件事情,一般说的步骤和章节都是不同的,这样很容易形成交
-
javascript面向对象程序设计(一)
注释里讲解的十分细致了,这里就不多废话了,直接上代码: <script type="text/javascript"> //ECMA-262把对象定义为:"无序属性的 集合,其属性可以包含基本值.对象或者函数" //理解对象,最简单的方式就是通过创建一个Object的实例,然后为它添加属性和方法 var person = new Object(); person.name = "Xulei"; person.age = "2
-
js面向对象之常见创建对象的几种方式(工厂模式、构造函数模式、原型模式)
在上篇文章给大家介绍了javascript面向对象基础,本篇文章继续深入学习javascript面向对象,JS的语法非常灵活,简单的对象创建就有好几种不同的方法.这些过于灵活的地方有时候确实很让人迷惑,那么今天我们就来梳理一下JS中常用的创建对象的几种方法吧. 前言 虽然使用 Object构造函数 或者使用 对象字面量 可以很方便的用来创建一个对象,但这种方式有一个明显的缺点:使用一个接口创建多个对象会产生很多冗余的代码.因此为了解决这个问题,人们开始使用以下几种方式来常见对象. 工厂模式 该模
-
JS面向对象基础讲解(工厂模式、构造函数模式、原型模式、混合模式、动态原型模式)
什么是面向对象?面向对象是一种思想!(废话). 面向对象可以把程序中的关键模块都视为对象,而模块拥有属性及方法.这样我们如果把一些属性及方法封装起来,日后使用将非常方便,也可以避免繁琐重复的工作.接下来将为大家讲解在JS中面向对象的实现. 工厂模式 工厂模式是软件工程领域一种广为人知的设计模式,而由于在ECMAScript中无法创建类,因此用函数封装以特定接口创建对象.其实现方法非常简单,也就是在函数内创建一个对象,给对象赋予属性及方法再将对象返回即可. function createBlo
-
浅谈javascript面向对象程序设计
ECMA-262把对象定义为:"无序属性的 集合,其属性可以包含基本值.对象或者函数" 理解对象,最简单的方式就是通过创建一个Object的实例,然后为它添加属性和方法 复制代码 代码如下: var person = new Object(); person.name = "Xulei"; person.age = "23"; person.job = "前端工程师";
-
JavaScript面向对象程序设计三 原型模式(上)
我们创建的每一个函数都有一个prototype(原型)属性,该属性是一个对象,包含可以有特定类型的所有实例共享的属性和方法.使用它的好处就在于可以让所有对象实例共享它所包含的属性和方法,也就是说,不必在构造函数中定义对象的信息,而是可以将这些信息,直接添加在原型对象中,如下所示,还是接着改写前两篇日志中的例子: 复制代码 代码如下: function Employee() { }; Employee.prototype.Name = "Jim"; Employee.prototype.
-
Javascript面向对象设计一 工厂模式
1.工厂模式抽象了创建具体对象的过程,但是在ECMAScript中无法创建类,所以就使用一种函数来封装以特定接口创建对象的细节.以一下情况为例, 有一个员工类,有姓名.年龄.职位属性, 复制代码 代码如下: function CreateEmployee(name, age, job) { var Emp = new Object(); Emp.name = name; Emp.age = age; Emp.job = job; Emp.sayName = function () { alert
-
JS Pro-深入面向对象的程序设计之继承的详解
原型链(prototype chaining): 利用原型来继承属性和方法.回顾一下构造函数(constructor),原型对象(prototype)和实例(instance)的关系.每一个构造函数都有一个prototype属性,该属性指向一个prototype对象:prototype对象也有constructor属性,指向该函数:而实例也有一个内部指针(__proto__)指向这个prototype对象.如果这个prototype对象是另外一个对象的实例会是怎样的呢?这样该prototype对
-
JavaScript面向对象程序设计教程
JavaScript中对象的定义为:无序属性的集合,其属性可以包含基本值.对象或者函数.可以把对象想象成散列表,就是一组名值对(key:value),其中值可以是数据或函数,每个对象都是基于一个引用类型创建的. 理解对象 前面的博客里写过创建对象的方式有两种,一种是创建一个object的实例,另一种是使用对象字面量法: var person = new Object(); person.sex = man; person.name = bluce person.age = 58; person.
-
javascript面向对象程序设计高级特性经典教程(值得收藏)
本文实例讲述了javascript面向对象程序设计的高级特性.分享给大家供大家参考,具体如下: 1.创建对象的三种方式: 第一种构造法:new Object var a = new Object(); a.x = 1, a.y = 2; 第二种构造法:对象直接量 var b = { x : 1, y : 2 }; 第三种构造法:定义类型 function Point(x, y){ this.x = x; this.y = y; } var p = new Point(1,2); 2.访问对象
-
javascript面向对象程序设计实践常用知识点总结
本文实例讲述了javascript面向对象程序设计实践常用知识点.分享给大家供大家参考,具体如下: 实践一:原型中的引用类型的属性是共享的 var Person = function(){}; Person.prototype = { info:{ "name":"Tom" } } var p1 = new Person(); var p2 = new Person(); p1.info.name = '我是p1'; p2.info.name = '我是p2'; c
-
JavaScript面向对象程序设计中对象的定义和继承详解
本文实例讲述了JavaScript面向对象程序设计中对象的定义和继承.分享给大家供大家参考,具体如下: 在面向对象的Javascript编程中,希望代码优雅有高效是非常重要的.javascript中不存在类的概念,只有对象.要想把Javascript代码写的像java 或者C++一样优雅,就得考虑如何去实现,同时也要考虑性能和高效.定义javascript对象的方式有很多,继承的方式也很多.通过不断地实践,推荐如下的方法: 1.Javascript对象的定义采用混合方式[构造函数 +原型方式(p
-
JavaScript面向对象程序设计创建对象的方法分析
本文实例讲述了JavaScript面向对象程序设计创建对象的方法.分享给大家供大家参考,具体如下: 面向对象的语言具有一个共同的标志,那就是具有"类"的概念,但是在javascript中没有类的概念,在js中将对象定义为"无序属性的集合,其属性可以包含基本值,对象或者函数",即其将对象看作是一组名值对的散列表.这样问题就来了,如何创建对象呢? 在最开始时使用object构造函数和对象字面量来创建单个对象,下面简要介绍这两种方法. object构造函数:创建自定义对象
-
《javascript设计模式》学习笔记四:Javascript面向对象程序设计链式调用实例分析
本文实例讲述了Javascript面向对象程序设计链式调用.分享给大家供大家参考,具体如下: 1.链式调用: jquery可能是目前大家最常用到的js框架了,也习惯了如下的调用方式: $('.someclass').show().css('xxx','xxxx').click(function(){}).xxx-- 这种调用方式就叫做链式调用,也就是说在调用一个方法之后,可以使用方法的返回值来继续进行方法调用. 2.如何实现链式调用: 了解了什么是链式调用,我们再来看如何实现链式调用,从1中所述
-
《javascript设计模式》学习笔记三:Javascript面向对象程序设计单例模式原理与实现方法分析
本文实例讲述了Javascript面向对象程序设计单例模式原理与实现方法.分享给大家供大家参考,具体如下: 1.单例模式概述 源自百度百科对于单例模式的定义: 单例模式的意思就是只有一个实例.单例模式确保某一个类只有一个实例,而且自行实例化并向整个系统提供这个实例.这个类称为单例类. 在javascript的世界里,其实没有严格的对象和类定义,"一切皆对象"使得javascript中都是对象,不能像java,c++或者php使用特定的方法返回一个实例来实现,因此对javascript来
-
《javascript设计模式》学习笔记二:Javascript面向对象程序设计继承用法分析
本文实例讲述了Javascript面向对象程序设计继承用法.分享给大家供大家参考,具体如下: 1.关于继承: 百度百科对继承的解释是:继承是指一个对象直接使用另一对象的属性和方法. (话说百科对于计算机概念的继承的解释也太简略了) 继承的好处,优点学过面向对象的同学都知道,就不赘述了. javascript中的继承有三种(不同的书上对这三中的名称翻译都不一样,我按照我的理解来命名吧): a.构造函数继承(类式继承,组合继承,伪经典继承) b.原型继承 c.原型赋值(遍历)继承(寄生式继承) 2.
-
《javascript设计模式》学习笔记一:Javascript面向对象程序设计对象成员的定义分析
本文实例讲述了Javascript面向对象程序设计对象成员的定义.分享给大家供大家参考,具体如下: 序: 刚接触javascript的时候,觉得这语言有点儿摸不着门道,感觉这玩意儿太难学了,没什么规范,没什么像样的手册,而且还跟html,dom,css打交道,更觉得一团糟,代码可读性也很差,面向过程的勉强能看懂,看面向对象的代码简直就是杯具,各种括号啊,后来了解ajax,了解了jquery,知道了很多网页特效都是用javascript写的,才慢慢有了好感,来了bd以后写javascript和ph
-
《javascript设计模式》学习笔记七:Javascript面向对象程序设计组合模式详解
本文实例讲述了Javascript面向对象程序设计组合模式.分享给大家供大家参考,具体如下: 概述 关于组合模式的定义:组合模式(Composite Pattern)有时候又叫做部分-整体模式,它使我们树型结构的问题中,模糊了简单元素和复杂元素的概念,客户程序可以向处理简单元素一样来处理复杂元素,从而使得客户程序与复杂元素的内部结构解耦.来自百度百科:http://baike.baidu.com/view/3591789.htm 其实从面向对象之五之后,与javascript本身关系不是很大,更
随机推荐
- PHPMyadmin 配置文件详解(配置)
- 会员下线加积分,实现原理分享(有时间限制)
- Java并发编程示例(九):本地线程变量的使用
- 详解springmvc控制登录用户session失效后跳转登录页面
- Java实现输入流转化为String
- 支持Ajax跨域访问ASP.NET Web Api 2(Cors)的示例教程
- 理解Javascript_10_对象模型
- Javascript+XMLHttpRequest+asp.net无刷新读取数据库数据
- C#列表框、复选列表框、组合框的用法实例
- Android 驱动编写LED-NDK程序
- 用JavaScript检查大写键(Caps Lock)是否打开的脚本
- php断点续传之如何分割合并文件
- 介绍JavaScript中Math.abs()方法的使用
- 写给电脑初学者的一些建议(注册表篇)
- Android编程实现在adapter中进行数据操作的方法
- Android广播接实现监听电话状态(电话的状态,拦截)
- Android应用程序的编译流程及使用Ant编译项目的攻略
- Android动态人脸检测的示例代码(脸数可调)
- Spring中基于Java的配置@Configuration和@Bean用法详解
- PHP面向对象程序设计之多态性的应用示例