JavaScript中使用构造器创建对象无需new的情况说明_Javascript教程-查字典教程网
JavaScript中使用构造器创建对象无需new的情况说明
JavaScript中使用构造器创建对象无需new的情况说明
发布时间:2016-12-30 来源:查字典编辑
摘要:如下复制代码代码如下:functionPerson(name,age){this.name=name;this.age=age;}varp=...

如下

复制代码 代码如下: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是作为构造器还是函数执行。

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新Javascript教程学习
    热门Javascript教程学习
    编程开发子分类