构造函数的几种方式
来源:互联网 发布:淘宝内部优惠券可信吗 编辑:程序博客网 时间:2024/05/18 03:17
工厂模式
使用工厂模式构造函数,系统会在函数内部自动帮你定义一个对象,如:
var obj = new Object();
函数构建完成后系统还会自动帮你返回一个对象,如:
return this;
工厂模式分为三个步骤构造函数:
1.原料:原料这个步骤其实就是上面所说的构造对象,系统会自动帮你解决这个问题;
2.加工:这个步骤需要自己动手完成!这个过程就是创建这个构造函数中的方法:
obj.showQQ=function (){ alert('我的QQ号:'+this.qq);};
3.出厂:这个步骤就是返回一个this(obj)对象,当然这个步骤也是系统完成的;
函数构造完成后在外部就可以直接定义一个变量,这个变量可以直接调用函数的中的方法。
混合模式
混合模式构造函数,就是将工厂方式细化,使用构造函数创建属性,使用原型创建方法。
使用混合模式,对构造函数的命名有一定的要求,最好是函数名首字母大写。
下面举个例子说明混合模式的写法:
// 构造函数加属性function Fn(id){ this.box = document.getElementById(id); this.init();}// 原型创建方法Fn.prototyopr.init = function(){ this.box.style.backgroundColor = 'green';}// 通过调用init方法将div的背景色改成绿色window.onload = function(){ var oDiv = new Fn('box'); oDiv.init();}
阅读全文
1 0
- 构造函数的几种方式
- C#构造函数的重载的几种方式
- DTO构造的几种方式
- 获取对象的几种方式与构造函数Constructor的调用
- JavaScript学习12 JS中定义对象的几种方式(原型和构造函数)
- 构造函数的参数命名问题和几种初始化方式
- 巧说table的几种构造方式
- Lua基础:table的几种构造方式
- JS面向对象的几种创建方式:工厂模式、构造函数模式、原型模式、混合模式、动态原型模式
- 关于函数压入栈的几种方式
- javascript定义函数的几种方式
- JS函数的几种定义方式
- 函数调用的几种方式
- js函数声明的几种方式
- javascript创建函数的几种方式
- JS函数的几种定义方式
- Javascript定义函数的几种方式
- js函数的几种调用方式
- Selenium webdriver+ python3.6 + Chrome
- C语言的运算符以及数据类型
- 将单链表从m到n的结点位置翻转
- TextGrocery,更好用的文本分类Python库
- php给图片加水印实例函数
- 构造函数的几种方式
- 一维数组和二维数组
- Spring入门之Springbean定义的继承
- 【Angular】——Angular mvc
- IDEA基于Maven管理的SSM(Spring+SpringMVC+mybatis)项目搭建
- 深入理解 cnn 中pooling 的重要作用
- 在 Laravel 5.1 中使用 Intervention Image 包将图片颜色变灰
- 学习方法
- cocos creater打印日志