Gemeinschaft Lernen Tools-Bibliothek Freizeit
suchen
Deutsch
Heim > Web-Frontend > js-Tutorial > 有关于JS构造函数的重载和工厂方法_基础知识

有关于JS构造函数的重载和工厂方法_基础知识

WBOY
Freigeben： 2016-05-16 17:38:15
Original
862 Leute haben es durchsucht

写在前面

有时候我们希望对象的初始化有多种方式。比如通过元素组成的数组来初始化一个Set对象，而不是通过传入构造函数的参数列表来初始化它

重载overload

通过重载这个构造函数方法让它根据传入参数的不同，来执行不同的初始化方法。

复制代码 代码如下:

function Set() {
this.values = {}; // 用这个对象的属性保存这个集合
this.n = 0; // 集合中值的个数

// 如果传入一个类数组的对象，将这个元素添加到集合中
// 否则，将所有的参数都添加到集合中
if(arguments.length === 1 && isArrayLike(arguments[0])) {
this.add.apply(this, arguments[0]); //把对象利用apply()添加到集合中
}else if(arguments.length > 0) {
this.add.apply(this, arguments); // 利用add()方法添加所有参数到集合中
}
}

这段代码所定义的Set()构造函数可以显式将一组元素作为参数列表传入，也可以传入元素组成的数组。但这个构造函数有多义性，如果集合的某个参数是一个数组就将无法通过这个构造函数来创建这个集合了（为了做到这一点，需要首先创建一个空集合，然后显示调用add()方法）。

工厂方法

一个类的方法用于返回类的一个实例。

复制代码 代码如下:

// 工厂方法通过数组初始化Set对象
Set.fromArray = function(arr) {
var s = new Set();
s.add.apply(s, arr);
return s;
};

不同名字的工厂方法用以执行不同的初始化。但由于构造函数是类的公有标识,因此每个类只能有一个构造函数。但这并不是一个必须遵守的规则。

辅助构造函数

通过以函数的形式调用Set()来初始化这个新对象

复制代码 代码如下:

// 定义Set类型的一个辅助构造函数
function SetFromArray(arr) {
// 通过以函数的形式调用Set()来初始化这个新对象
// 将arr的元素作为参数传入
Set.apply(this, arr);
}
// 设置原型， 以便SetFromArray能创建Set实例
SetFromArray.prototype = Set.prototype;

JavaScript 没有做不到，只有想不到

 

Verwandte Etiketten：
工厂方法 重载
Quelle：php.cn
Vorheriger Artikel：jQuery setTimeout()函数使用方法_jquery Nächster Artikel：jquery全选/全不选/反选另一种实现方法(配合原生js)_jquery
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Aktuelle Ausgaben
Legen Sie ein privates Mitglied einer Klasse als Konstruktorparameter fest classFoo{#eins#zwei#drei#vier#fünf#sechs#sieben#acht#neun#zehn#eleven#zwölf#dreizehn#vierz...
Aus 2024-04-06 21:48:47
0
1
637
Streudiagrammpunkte behalten beim Zoomen in d3.js keine Werte bei Dies ist das erste Mal, dass ich d3.js verwende. Bitte haben Sie Geduld. Ich habe es als r...
Aus 2024-04-06 18:16:26
0
1
403
**Fehlertyp: „NoneType'-Objekt kann nicht iteriert werden** Ich möchte den SSH-Tunnel verwenden, um auf die MySQL-Datenbank zuzugreifen. Leider schein...
Aus 2024-04-06 10:26:38
0
1
378
Beim Importieren des Javascript-Prototypkonstruktors in die Angular-Anwendung wird ein Fehler ausgegeben Ich habe eine Angular-Anwendung, in der ich versuche, eine JS-Datei zu importieren, die üb...
Aus 2024-04-04 11:36:15
0
1
288
JS – Eine XMLHttpRequest abfangen und eine Funktion auslösen Ich möchte nur eine Funktion basierend auf dem Senden einer bestimmten XMLHttpRequest ausl...
Aus 2024-04-03 15:33:25
0
1
391
verwandte Themen
Mehr>
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage