JavaScript面向对象程序设计教程
更新时间：2016年03月29日 11:48:43 作者：鳄山维虾壳集思园
这篇文章主要介绍了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对象。可以无数次地调用这个函数，每次都会返回一个包含三个属性和一个方法的对象。工厂模式解决了创建多个相似对象的问题，但没有解决对象识别的问题（如何知道一个对象的类型）
相关文章
这篇文章主要介绍了5分钟打造简易高效的webpack配置,详细的介绍了打包调试、提取公共代码、压缩、热替换等配置，有兴趣的可以了解一下2017-07-07
页面初加载时：选择车类型后：选择车颜色后：JS实现下拉框的动态添加，网页代码如下：动态添加下拉框 车类型：请选择宝马、奔驰 车颜色2013-04-04
这篇文章主要介绍了微信小程序实现验证码倒计时效果，手机登录、填手机号获取验证码，倒计时后重新获取效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-05-05
这篇文章主要为大家介绍了JavaScript分水岭CommonJS对比ES模块分析,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪2023-11-11
这篇文章主要介绍了JavaScript函数，函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块，需要的朋友可以参考下2015-12-12
JSON 对象是我们经常使用的一种数据存储对象,它的适用范围非常广,JSON.stringify 方法可以帮我们把一个对象或数组转换成一个 JSON字符串,本文我们给大家详细介绍一下JavaScript中JSON.stringify方法,需要的朋友可以参考下2023-09-09
本文给大家分享的是js实现checkbox的全选的代码,在网页制作中很常用的js代码,供大家学习参考。2015-04-04
这篇文章主要介绍了很棒的js Tab选项卡切换效果，简单的选项卡切换特效，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-08-08
JS如何判断是否为ie浏览器的方法(包括IE10、IE11在内)
这篇文章主要介绍了JS如何判断是否为ie浏览器的方法(包括IE10、IE11在内),需要的朋友可以参考下2015-12-12
这篇文章主要为大家详细介绍了基于Javascript实现二级联动菜单效果的相关资料，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-03-03
最新评论