Gemeinschaft Lernen Tools-Bibliothek Freizeit
suchen
Deutsch
Heim > Web-Frontend > js-Tutorial > JavaScript中使用构造器创建对象无需new的情况说明_javascript技巧

JavaScript中使用构造器创建对象无需new的情况说明_javascript技巧

WBOY
Freigeben： 2016-05-16 17:55:46
Original
1056 Leute haben es durchsucht

如下

复制代码 代码如下:
function Person(name, age) {
this.name = name;
this.age = age;
}
var p = new Person('lily', 20);


发现某些库代码中创建正则对象的方式无需new，这让人感到奇怪。如下
复制代码 代码如下:
var reg = RegExp('^he$');


测试发现使用或不使用new，最后返回的都是正则对象，且typeof它们都是“object”。
复制代码 代码如下:
var reg1 = new RegExp('^he$');
var reg2 = RegExp('^he$');
reg1.test('he'); // true
reg2.test('he'); // true
console.log(typeof reg1); // object
console.log(typeof reg2); // object


嗯，挺好，代码运行正常。
如果这样的话干脆就不写new了，这么还节省了代码量。其它类型也是这样吗？试试String/Number/Boolean。
复制代码 代码如下:
var str1 = new String(1);
var str2 = String(1);
var num1 = new Number('1');
var num2 = Number('1');
var boo1 = new Boolean(1);
var boo2 = Boolean(1);
console.log(typeof str1); // object
console.log(typeof str2); // string
console.log(typeof num1); // object
console.log(typeof num2); // number
console.log(typeof boo1); // object
console.log(typeof boo2); // boolean


可以看到，与正则的情况不同。正则无论是否new，typeof后都是object。
但String/Number/Boolean类型，new的对象typeof返回是“object”，不new的typeof返回则是“string”。
即不适用new的情况可以将其它类型分别转化成字符串，数字和布尔类型。

好了，再回到篇头的那个Person类。即我们自己写的类可以不用new操作符生成对象吗？
复制代码 代码如下:
function Person(name, age) {
this.name = name;
this.age = age;
}
var p = Person('lily', 20);
console.log(p); // undefined


返回undefined，很明显不行。因此想不用new的情况去创建Person实例是异想天开的。
如果非要实现呢？其实也行，如下
复制代码 代码如下:
function Person(name, age) {
this.name = name;
this.age = age;
if (this===window) {
return new Person(name, age);
}
}
var p = Person('lily', 20); // object


稍微改造了下Person类。实际上内部区分了下Person是作为构造器还是函数执行。
Verwandte Etiketten：
new 创建对象
Quelle：php.cn
Vorheriger Artikel：NodeJS 模块开发及发布详解分享_javascript技巧 Nächster Artikel：JavaScript高级程序设计 读书笔记之十一 内置对象Global_javascript技巧
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
Wie konfiguriere ich Apache zum Laden von index.html und index.php? Hier ist mein Zweifel, ich habe die folgende Struktur: root/index.html root/api/index.php ...
Aus 2024-04-05 09:27:53
0
1
3505
Erhalten Sie Browserbenachrichtigungen von jedem außer dem aktuellen Authentifikator. Benutzer Ich baue gerade eine Chat-Anwendung mit ReactJS und bin seit zwei Tagen verrückt nach dies...
Aus 2024-04-04 19:01:28
0
1
362
„waitForSelector' läuft ab, bevor das Element sichtbar wird, obwohl das Element auf dem Bildschirm angezeigt wird Ich baue einen Checkout-Bot, aber ich habe Probleme mit diesen blöden „Geben Sie Ihre Tele...
Aus 2024-04-04 18:31:08
0
1
1416
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
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