本文实例讲述了JavaScript设计模式之构造函数模式。分享给大家供大家参考,具体如下:
一、构造函数模式概念
构造函数用于创建特定类型的对象,不仅声明了使用过的对象,构造函数还可以接受参数以便第一次创建对象的时候设置对象的成员值。你可以自定义自己的构造函数,然后在里面声明自定义类型对象的属性或方法。
在JavaScript里,构造函数通常是认为用来实现实例的,JavaScript没有类的概念,但是有特殊的构造函数。通过新关键字来调用自定义的构造函数,在构造函数内部,这关键字引用的是新创建的对象。
二、构造函数模式的作用和注意事项
模式作用:
1。用于创建特定类型的对象
2。第一次声明的时候给对象赋值
3。自己声明构造函数,赋予属性和方法
注意事项:
1。声明函数的时候处理业务逻辑
2。区分和单例的区别,配合单例实现初始化
3。构造函数大写字母开头
三、构造函数模式代码和实战总结
& lt; !DOCTYPE html>
& lt; html>
& lt;头lang=癳n”比;
& lt;元charset=皍tf - 8”比;
& lt; title>构造函数模式& lt;/title>
& lt;/head>
& lt; body>
& lt; !——& lt; script>
函数的车(模型、年英里){
如果(!(这instanceof汽车)){
返回的新车(模型、年英里);
}
这一点。模型=模型;
这一点。年=一年;
this.miles=英里;
这一点。输出=function () {
返回。模型+“走了”+ this.miles +“公”里;
}
}
汤姆var=新车(“大叔”,2009年,20000年);
var嘟嘟车=(“嘟嘟”,2010年、5000年);
控制台。日志(typeof汤姆);
console.log (tom.output ());
控制台。日志(typeof嘟嘟);
console.log (dudu.output ());
& lt;/script>——比;
& lt; script>//1 .用于创建特定类型的对象//2。这样的函数名会被人笑话//3. js开发的时候写单引号//4。js里构造函数比较特殊的地方//5。其他的语言里比如PHP里人家实现有一个关键字一个类//6。zaomen就是构造函数他又充当了类的概念
var AA={
zaomen:函数(huawen) {
如果(!(这instanceof AA.zaomen)) {
console.log (123);
返回新AA.zaomen (huawen);
}；
var _huawen="普通”;
如果(huawen) {
_huawen=huawen;
}
这一点。锁="普通”;
这一点。huawen=_huawen;
这一点。创建=function () {
回报”【锁头】“+这个。锁+”【花纹】“+ this.huawen;
}
}
}；
var BB={
zaomen:函数(huawen锁){
如果(!(这instanceof BB.zaomen)) {
返回新BB.zaomen (huawen,锁);
}；
var _huawen="普通”;
如果(huawen) {
_huawen=huawen;
}
这一点。_suo="普通”;
如果锁(){
_suo=锁;
}
这一点。锁=_suo;
这一点。huawen=_huawen;
这一点。创建=function () {
回报”【锁头】“+这个。锁+”【花纹】“+ this.huawen;
}
}
}；/*函数zaomen (huawen) {
如果(!(这instanceof zaomen)) {
返回新zaomen ();
}
var _huawen="普通”;
如果(huawen) {
_huawen=huawen;
}
这一点。锁="普通”;
这一点。huawen=_huawen;
这一点。创建=function () {
回报”【锁头】“+这个。锁+”【花纹】“+ this.huawen;
}
} */var xiaozhang=AA.zaomen ();
警报(“xiaozhang”+ xiaozhang.create ());
var小李=BB.zaomen(“绚丽”,' 123 ');
警报(“小李”+ xiaoli.create ());
& lt;/script>
& lt;/body>
& lt;/html>
之前
使用http://tools.jb51.net/code/HtmlJsRun测试运行效果如下:
更多关于JavaScript相关内容可查看本站专题:《JavaScript面向对象入门教程》、《JavaScript切换特效与技巧总结》,《JavaScript查找算法技巧总结》,《JavaScript错误与调试技巧总结》,《JavaScript数据结构与算法技巧总结》,《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》
希望本文所述对大家JavaScript程序设计有所帮助。
