JavaScript面向对象程序设计教程


Posted in Javascript onMarch 29, 2016

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 相关文章推荐
下载网站打开页面后间隔多少时间才显示下载链接地址的代码
Apr 25 Javascript
jquery 滚动条事件简单实例
Jul 12 Javascript
JavaScript自定义等待wait函数实例分析
Mar 23 Javascript
js全选按钮的实现方法
Nov 17 Javascript
基于MVC4+EasyUI的Web开发框架形成之旅之界面控件的使用
Dec 16 Javascript
laydate.js日期时间选择插件
Jan 04 Javascript
js实现五星评价功能
Mar 08 Javascript
vue.js指令和组件详细介绍及实例
Apr 06 Javascript
浅谈对Angular中的生命周期钩子的理解
Jul 31 Javascript
vue插件vue-resource的使用笔记(小结)
Aug 04 Javascript
JavaScript 五大常见函数
Mar 23 Javascript
JavaScript迭代器的含义及用法
Jun 21 Javascript
jQuery实现图片加载完成后改变图片大小的方法
Mar 29 #Javascript
Web前端开发工具——bower依赖包管理工具
Mar 29 #Javascript
Jquery操作cookie记住用户名
Mar 29 #Javascript
jQuery简单实现提交数据出现loading进度条的方法
Mar 29 #Javascript
Javascript设计模式之观察者模式(推荐)
Mar 29 #Javascript
AngularJS directive返回对象属性详解
Mar 28 #Javascript
Boostrap模态窗口的学习小结
Mar 28 #Javascript
You might like
C# Assembly类访问程序集信息
2009/06/13 PHP
PHP分页函数代码(简单实用型)
2010/12/02 PHP
php使用正则表达式获取图片url的方法
2015/01/16 PHP
php数组添加与删除单元的常用函数实例分析
2015/02/16 PHP
Mac版PhpStorm之XAMPP整合apache服务器配置的图文教程详解
2016/10/13 PHP
PHP巧妙利用位运算实现网站权限管理的方法
2017/03/12 PHP
自制PHP框架之设计模式
2017/05/07 PHP
OAuth认证协议中的HMACSHA1加密算法(实例)
2017/10/25 PHP
js获取图片大小的函数代码
2011/09/20 Javascript
JavaScript Memoization 让函数也有记忆功能
2011/10/27 Javascript
javascript中的startWith和endWith的几种实现方法
2013/05/07 Javascript
jQuery中ajax的使用与缓存问题的解决方法
2013/12/19 Javascript
js监控IE火狐浏览器关闭、刷新、回退、前进事件
2014/07/23 Javascript
js中数组排序sort方法的原理分析
2014/11/20 Javascript
Javascript 是你的高阶函数(高级应用)
2015/06/15 Javascript
Canvas + JavaScript 制作图片粒子效果
2017/02/08 Javascript
JS正则表达式判断有效数实例代码
2017/03/13 Javascript
微信小程序授权获取用户详细信息openid的实例详解
2017/09/20 Javascript
详解vue-cli3 中跨域解决方案
2019/04/10 Javascript
vue-cli3 项目优化之通过 node 自动生成组件模板 generate View、Component
2019/04/30 Javascript
一看就会的vuex实现登录验证(附案例)
2020/01/09 Javascript
Python django实现简单的邮件系统发送邮件功能
2017/07/14 Python
Python实现运行其他程序的四种方式实例分析
2017/08/17 Python
python3利用smtplib通过qq邮箱发送邮件方法示例
2017/12/03 Python
windows下numpy下载与安装图文教程
2019/04/02 Python
Pycharm在指定目录下生成文件和删除文件的实现
2020/12/28 Python
历史专业个人求职信范文
2013/12/07 职场文书
节水倡议书范文
2014/04/15 职场文书
小学生作文评语
2014/04/18 职场文书
党员查摆四风问题思想汇报
2014/10/25 职场文书
2015年幼儿园学期工作总结
2015/05/22 职场文书
2016党员党课心得体会
2016/01/07 职场文书
高中政治教学反思
2016/02/23 职场文书
英语版自我评价,35句话轻松搞定
2019/10/08 职场文书
Java实现添加条码或二维码到Word文档
2022/06/01 Java/Android
Zabbix对Kafka topic积压数据监控的解决方案
2022/07/07 Servers