解析JS使用新操作符创建对象的方法

本文说明了JS使用新操作符创建对象的方法。分享给大家参考，如下：

在编写js代码时，我们有时需要使用函数来模拟java中的类，并使用它们来生成对象。在定义了构造函数之后，我们需要使用新的操作符来调用调用函数来获取我们想要的对象。例如：

脚本函数构造函数(名称){this。name=name} var person1=构造函数('张三')；//未定义var person2=新构造函数('张三')；//获取对象{{name: '张三' } } console . log(person 1)；console . log(person 2)；/脚本运行结果：

如果我们不使用新的运算符来调用函数，我们将简单地执行函数并将函数的返回值赋给person1，因此上面示例中person1的值是未定义的。

如果我们使用新的运算符来调用构造函数，我们该怎么办？

1.构造函数没有返回值

使用新的操作符调用一个函数将隐式创建一个对象(我们在这里称这个对象为obj)。这个对象obj连接到构造函数的原型，也就是说obj将继承构造函数原型上的attribute方法，构造函数中的这个也将绑定到这个对象，执行后作为返回值返回。

2.构造函数有返回值(这种情况比较少见，至少我没用过)

new的值取决于返回值的原型

例如：

函数构造函数(名称){ this . name=name return this . name；}var person=新构造函数(' 123 ')；//构造函数{ name : ' 123 ' }；对象，因为基本类型的原型是对象函数构造函数(name) {this。name=name返回新字符串(这。姓名)；}var person=新构造函数(' 123 ')；//String {0: '1 '，1: '2 '，2: '3 '，length: 3，[[PrimitiveValue]]: '123'}，console . log(person)；运行结果：

感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具：http://tools.jb51.net/code/HtmlJsRun来测试上述代码的运行效果。

有关JavaScript的更多信息，请查看本网站的专题：《javascript面向对象入门教程》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》和《JavaScript数学运算用法总结》

希望本文对JavaScript编程有所帮助。