communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
Maison > interface Web > js tutoriel > JavaScript中使用构造器创建对象无需new的情况说明_javascript技巧

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

WBOY
Libérer： 2016-05-16 17:55:46
original
1057 Les gens l'ont consulté

如下

复制代码 代码如下:
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是作为构造器还是函数执行。
Étiquettes associées：
new 创建对象
source：php.cn
Article précédent：NodeJS 模块开发及发布详解分享_javascript技巧 Article suivant：JavaScript高级程序设计 读书笔记之十一 内置对象Global_javascript技巧
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Derniers numéros
Définir un membre privé d'une classe comme paramètre de constructeur classFoo{#one#two#third#four#five#six#seven#eight#nine#ten#eleven#twelve#thirteen#fourteen...
Depuis 2024-04-06 21:48:47
0
1
637
Comment configurer Apache pour charger index.html et index.php ? Voici mon doute, j'ai la structure suivante : root/index.html root/api/index.php J'ai codé...
Depuis 2024-04-05 09:27:53
0
1
3505
Recevez des notifications de navigateur de toute personne autre que l'authentificateur actuel. utilisateur Je construis actuellement une application de chat avec ReactJS et je deviens fou avec ce p...
Depuis 2024-04-04 19:01:28
0
1
362
"waitForSelector" expire avant que l'élément ne devienne visible, même si l'élément est à l'écran Je construis un robot de paiement mais j'ai des problèmes avec ces stupides fenêtres conte...
Depuis 2024-04-04 18:31:08
0
1
1416
Une erreur est générée lors de l'importation du constructeur de prototype Javascript dans une application angulaire J'ai une application Angular dans laquelle j'essaie d'importer un fichier JS doté d'un con...
Depuis 2024-04-04 11:36:15
0
1
288
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal