手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >JavaScript中使用构造器创建对象无需new的情况说明
JavaScript中使用构造器创建对象无需new的情况说明
摘要:如下复制代码代码如下: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中使用构造器创建对象无需new的情况说明】相关文章:

JavaScript中的parse()方法使用简介

详解Javascript中的Object对象

JavaScript使用技巧精选

在JavaScript中使用开平方根的sqrt()方法

JavaScript中用于生成随机数的Math.random()方法

JavaScript获取两个数组交集的方法

JavaScript中this关键字使用方法详解

在JavaScript中使用JSON数据

javascript组合使用构造函数模式和原型模式实例

javascript实现dom动态创建省市纵向列表菜单的方法

精品推荐
分类导航