手机版

JavaScript设计模式的构造器模式示例教程

时间:2021-08-31 来源:互联网 编辑:宝哥软件园 浏览:

本文阐述了JavaScript设计模式的构造器模式。分享给大家参考,如下:

一、构造函数模式概念

构造函数用于创建特定类型的对象。——不仅声明使用的对象,而且在第一次创建对象时还接受参数来设置对象的成员值。您可以自定义自己的构造函数,然后在其中声明自定义类型对象的属性或方法。

在JavaScript中,构造函数通常用于实现实例。JavaScript没有类的概念,但是有特殊的构造函数。用户定义的构造函数由new关键字调用。在构造函数中,this关键字引用新创建的对象。

二、构造函数模式的作用和注意事项

模式作用:

1.用于创建特定类型的对象

2.第一次声明对象时,为其赋值

3.声明自己的构造函数,并赋予它属性和方法

注意事项:

1.声明函数时处理业务逻辑

2.区分区别与单一案例,实现单一案例初始化

3.构造函数以大写字母开头

三、构造函数模式代码和实战总结

!doctype html html headlang=' en ' metacarset=' utf-8 ' title构造函数模式/title/headbody!-脚本函数Car(车型、年份、英里数){ if(!(本例为汽车){归还新车(车型、年份、里程);} this.model=modelthis.year=年份;this.miles=miles这个。output=function(){返回这个。model ' walked ' this.miles ' km}} var tom=新车('大叔',2009,20000);var dudu=Car('Dudu ',2010,5000);console . log(Tom的类型);console . log(Tom . output());console . log(DuDu的类型);console . log(DuDu . output());/script-script//1。它用于创建特定类型的对象。//2.这样的函数名会被嘲笑。//3.js在开发时用单引号写。//4.js在构造函数中有一个特殊的位置。new //5。在其他语言中,比如PHP,有一个关键字A class //6.zaomen是构造函数,他充当类的概念。Varaa=(此实例为aa . Zao men)){ console . log(123);归还新AA .枣门(文华);};Var _文华='普通';if(文华){ _文华=文华;} this.suo='普通';这.华文=_文华;this . create=function(){ return '[lock]' this . suo '[pattern]' this . huawen;} } };var BB={ zaomen:function(文华,索){ if(!(本例为BB.zaomen){退回新bb . Zao men(文华、索);};Var _文华='普通';if(文华){ _文华=文华;}这个。_suo='普通';if(suo){ _ suo=suo;} this.suo=_ suo这.华文=_文华;this . create=function(){ return '[lock]' this . suo '[pattern]' this . huawen;} } };/*函数枣门(文华){ if(!(此实例为早门)){返回新早门();} var _文华='普通';if(文华){ _文华=文华;} this.suo='普通';这.华文=_文华;this . create=function(){ return '[lock]' this . suo '[pattern]' this . huawen;} }*/var张晓=aa . Zao men();alert('张晓'小张. create());Var xiaoli=BB.zaomen('华丽',' 123 ');alert(' Xili ' Xili . create());/script/body/HTML使用在线HTML/CSS/JavaScript代码运行工具,http://tools.jb51.net/code/HtmlJsRun测试运行如下:

关于JavaScript的更多信息,请参考本网站的主题:《javascript面向对象入门教程》、《JavaScript切换特效与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》、《JavaScript数学运算用法总结》、0103010。

希望本文对JavaScript编程有所帮助。

版权声明:JavaScript设计模式的构造器模式示例教程是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。