javascript设计模式与开发实践
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了javascript设计模式与开发实践，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1795字，纯文字阅读大概需要3分钟。
内容图文
1. js面向对象6种形式（详情）
<!
DOCTYPE html
>
<
html
>
<
head
lang
="en"
>
<
meta
charset
="UTF-8"
>
<
title
></
title
>
</
head
>
<
body
>
<
script
>
//
1. 基于object的对象
var
person
=
new
Object();
person.name
=
‘
my name
‘
;
person.getName
=
function
() {
return
this
.name
+
‘
is aa
‘
;
}
console.log(
"
person.getName:
"
+
person.getName());
//
2.对象字面量方式
var
person2
=
{
name:
‘
person2
‘
,
getName:
function
() {
return
this
.name
+
‘
is bb
‘
;
}
}
console.log(
"
person2.getName:
"
+
person2.getName());
//
3.工厂模式
function
createPerson3(name,age){
var
o
=
new
Object();
o.name
=
name;
o.age
=
age;
o.getName
=
function
(){
return
this
.name
+
‘
is cc
‘
;
}
return
o;
//
使用return返回生成的对象实例
}
var
person3
=
createPerson3(
‘
person3
‘
,
12
);
console.log(
"
person3.getName:
"
+
person3.getName());
//
4.构造函数模式
function
Person4(name,age){
this
.name
=
name;
this
.age
=
age;
this
.getName
=
function
() {
return
this
.name
+
"
is dd
"
;
}
}
var
person4
=
new
Person4(
‘
person4
‘
,
22
);
console.log(
"
person4.getName:
"
+
person4.getName());
//
5 原型模式
function
Person5(){
}
Person5.prototype.name
=
‘
person5
‘
;
Person5.prototype.age
=
22
;
Person5.prototype.getName
=
function
() {
return
this
.name
+
"
is ee
"
;
}
var
person5
=
new
Person5();
console.log(
"
person5.getName():
"
+
person5.getName());
//
6 组合构造函数及原型模式
function
Person6(name,age){
this
.name
=
name;
this
.age
=
age;
}
Person6.prototype
=
{
construct:Person6,
//
原型字面量方式会将对象的constructor变为Object，此外强制指回Person
getName:
function
() {
return
this
.name
+
"
is ff
"
;
}
}
var
person6
=
new
Person6(
‘
person6
‘
,
22
);
console.log(
"
person6.getName():
"
+
person6.getName());
</
script
>
</
body
>
</
html
>
原文：http://www.cnblogs.com/gyz418/p/5909033.html
内容总结
以上是互联网集市为您收集整理的javascript设计模式与开发实践全部内容，希望文章能够帮你解决javascript设计模式与开发实践所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。
来源：【匿名】