JS中创建对象可以直接使用直接量的方式,这里讨论的是定义一个构造器(function)的情况。如下
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是作为构造器还是函数执行。
相关:
使用隐藏的new来创建对象
JavaScript中判断函数是new还是()调用
分享到:
相关推荐
JS中创建对象可以直接使用直接量的方式,这里讨论的是定义一个构造器(function)的情况
使用构造函数创建对象的语法为“new 构造函数名()”,在小括号中可以传递参数给构造函数,如果没有参数,小括号可以省略。 1.创建对象的方式 创建对象 利用构造函数创建对象 1.创建对象的方式 遍历对象的属性和方法 ...
NULL 博文链接:https://redhacker.iteye.com/blog/1457293
在最开始时使用object构造函数和对象字面量来创建单个对象,下面简要介绍这两种方法。 object构造函数:创建自定义对象的最简单方式就是创建一个object的实例,然后为这个实例添加属性和方法: var person=new ...
构造器用于创建特定类型对象——准备好对象以备使用,同时接收构造器可以使用的参数,以在第一次创建对象时,设置成员属性和方法的值 1、创建对象 新对象创建的两种方法 var newObject={}; var newObject=new ...
javascript工厂模式和构造函数模式创建对象方法解析.docx
本文小编带大家一起学习的是在 JavaScript 中使用构造器函数(construcor function)模拟类。下面话不多说,感兴趣的朋友们下面来一起看看吧。 构造器函数简介 你可以使用 ES6 的 class 关键字来实现类,不过我建议...
文章《javascript对象创建--类、继承》源码
在Javascript中,如果我们有一个对象但是又不知道它的构造函数时,如何获取它的原型对象呢? 在Chrome中或是FireFox浏览器中,我们可以直接使用对象的__proto__属性获取它的原型对象。 代码如下: <!– lang: js ...
javascript对象创建方法总结,通过这些方法的总结,可以对对象有了更深一步的了解,也加深了对对象的巩固认识。
Object构造器用于创建特定类型的对象–准备好对象以备使用,同事接收构造器可以使用参数,以在第一次创建对象时,设置成员属性和方法值。 对象创建 创新新对象,在javascript中通常有两种方法: 1.对象直面量方法...
JAVASCRIPT-使用面向对象的技术创建高级 Web 应用程序
JavaScript中的所有事物都是对象,如:字符串、数值、数组、函数等,每个对象带有属性和方法。 JavaScript提供多个内建对象,比如String、Date、Array等等,使用对象前先定义,如下使用数组对象:Eg: var objectName...
JavaScript中的Math对象的与众不同之处在于,它是一个全局对象...在使用Math对象之前,既不需要将一个变量声明为Math对象,也不需要定义一个新的Math对象,JavaScript将自动地创建好Math对象,我们只须直接使用它即可。
接着上文《详解JavaScript基于面向对象之创建对象(1)》继续学习。 4、原型方式 我们创建的每个函数都有一个通过prototype(原型)属性,这个属性是一个对象,它的用途是包含可以由特定类型的所有实例共享的属性和...
JS中的函数即可以是构造函数又可以当作普通函数来调用,当使用new来创建对象时,对应的函数就是构造函数,通过对象来调用时就是普通函数。 普通函数的创建有:显式声明、匿名定义、new Function() 等三种方式。 当...
如下所示: 代码如下: var person...上面的例子创建了一个名为person的对象,并为它添加了三个属性(name、age和job)和一个方法(sayName())。其中,sayName()方法用于显示this.name()的值。早期的JavaScript开发人员
new的作用是通过构造函数来创建一个实例对象,该实例与原型和构造函数之间的关系如下图所示: 执行 new 操作时会依次经过以下步骤: 1、创建一个空对象 空对象是 Object 的实例,即 {} 。 let obj = {} 2...