
介绍
在 javascript 中创建对象的方法有很多种。
对象文字object() 构造函数object.create()构造函数es6 类
对象字面量
这可能是在 javascript 中创建对象最快、最简单的方法。这也称为对象初始值设定项,是一个由零对或多对对象的属性名称和关联值组成的逗号分隔列表,括在大括号 ({}) 中。
const newobject = {} // simply create a new empty objectconst newobject = { somekey: "somevalue", anotherkey: "anothervalue" }
对象值可以是原始数据类型或其他对象。
object() 构造函数
您可以使用内置的对象构造函数创建对象。
如果传递的值为 null 或未定义或未传递任何值,则它将创建并返回一个空对象。
如果该值已经是一个对象,则返回相同的值。
// below options create and return an empty objectconst objwithnovalue = new object();const objwithundefined = new object(undefined);const objwithnull = new object(null);const newobject = { somekey: "somevalue", anotherkey: "anothervalue" }const sameobject = new object(someobject);sameobject['andanotherkey'] = "one another value";sameobject === newobject; // both objects are same.
对象.create()
此方法允许您创建具有特定原型的新对象。这种方法使新对象能够从原型继承属性和方法,从而促进类似继承的行为。
const person = { greet: function () { console.log(`hello ${this.name || 'guest'}`); }}const driver = object.create(person);driver.name = 'john';driver.greet(); // hello john
构造函数
在 es6 之前,这是创建多个相似对象的常用方法。构造函数只不过是一个函数,借助 new 关键字,您可以创建一个对象。
启科网络PHP商城系统
启科网络商城系统由启科网络技术开发团队完全自主开发,使用国内最流行高效的PHP程序语言,并用小巧的MySql作为数据库服务器,并且使用Smarty引擎来分离网站程序与前端设计代码,让建立的网站可以自由制作个性化的页面。 系统使用标签作为数据调用格式,网站前台开发人员只要简单学习系统标签功能和使用方法,将标签设置在制作的HTML模板中进行对网站数据、内容、信息等的调用,即可建设出美观、个性的网站。
0 查看详情
当您使用“new”关键字构造对象时,将函数名称的第一个字符大写是一个很好的做法。
function person(name, location) { this.name = name; this.location = location; greet() { console.log(`hello, i am ${this.name || 'guest'} from ${this.location || 'earth'}`); }}const alex = new person('alex');alex.greet(); // hello, i am alex from earthconst sam = new person('sam anderson', 'switzerland');sam.greet(); // hello, i am sam anderson from switzerland
es6级
更现代的方法有助于创建对象,就像其他 oop 编程语言一样,使用带有构造函数的类来初始化属性和方法。
class Person { constructor(name, location) { this.name = name || 'Guest'; this.location = location || 'Earth'; } greet() { console.log(`Hello, I am ${this.name} from ${this.location}`); }}const santa = new Person('Santa');santa.greet(); // Hello, I am Santa from Earth
参考资料:
立即学习“Java免费学习笔记(深入)”;
mdn – javascript javascript.info
以上就是在 JavaScript 中创建对象的方法的详细内容,更多请关注创想鸟其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/897622.html
微信扫一扫
支付宝扫一扫