JavaScript面向对象程序设计教程
作者:bea
JavaScript中对象的定义为:无序属性的集合,其属性可以包含基本值、对象或者函数。可以把对象想象成散列表,就是一组名值对(key:value),其中值可以是数据或函数,每个对象都是基于一个引用类型创建的。 理解对象 前面的博客里写过创建对象的方式有两种,一种是创建一个object的实例,另一种是使用对象字面量法: var person = new Object();person.sex = man;person.name = bluceperson.age = 5
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对象。可以无数次地调用这个函数,每次都会返回一个包含三个属性和一个方法的对象。工厂模式解决了创建多个相似对象的问题,但没有解决对象识别的问题(如何知道一个对象的类型)
有用 | 无用
理解对象
前面的博客里写过创建对象的方式有两种,一种是创建一个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对象。可以无数次地调用这个函数,每次都会返回一个包含三个属性和一个方法的对象。工厂模式解决了创建多个相似对象的问题,但没有解决对象识别的问题(如何知道一个对象的类型)
有用 | 无用
猜你喜欢
您可能感兴趣的文章:
- React.js入门学习第一篇
- 基于React.js实现原生js拖拽效果引发的思考
- 基于jQuery实现Ajax验证用户名是否存在实例
- nodeJs爬虫获取数据简单实现代码
- jQuery表格插件datatables用法汇总
- 基于javascript实现tab切换特效
- 基于javascript实现简单的抽奖系统
- 基于javascript实现九宫格大转盘效果
- 全屏js头像上传插件源码高清版
- js闭包引起的事件注册问题介绍
- 使用postMesssage()实现跨域iframe页面间的信息传递方法
- js滚动条平滑移动示例代码
- JavaScript头像上传插件源码分享
- js解决movebox移动问题
- javascript中不易分清的slice,splice和split三个函数
- 分析js闭包引起的事件注册问题
- 使用postMesssage()实现iframe跨域页面间的信息传递
- Angularjs实现多个页面共享数据的方式
- jQuery ajax请求返回list数据动态生成input标签,并把list数据赋值到input标签