首页 > 代码库 > JavaScript Creating 对象
JavaScript Creating 对象
可通过多种方法在 JavaScript 中创建你自己的对象。可以直接实例化Object 对象 (JavaScript)，然后添加你自己的属性和方法。或者可以使用对象文本表示法来定义你的对象。还可使用构造函数来定义对象。
示例
下面的代码演示如何实例化对象和添加一些属性。在此情况下，只有 pasta 对象具有 grain、width 和 shape 属性。
var pasta = new Object();pasta.grain = "wheat";pasta.width = 0.5;pasta.shape = "round";pasta.getShape = function() { return this.shape; };document.write(pasta.grain);document.write("<br/>");document.write(pasta.getShape());// Output:// wheat// round
对象文本
只想创建一个对象实例时，还可以使用对象文本表示法。下面的代码演示如何通过使用对象文本表示法来实例化对象。
var pasta = { grain: "wheat", width: 0.5, shape: "round"};
下面描述的功能仅在 Microsoft Edge 中受支持。
在 Microsoft Edge 中，可以使用速记语法来创建对象文本。
var key = ‘a‘;var value = http://www.mamicode.com/5;// Older versionvar obj1 = { key: key, value: value};// Edge modevar obj2 = {key, value};console.log(obj2);// Output:// [object Object] {key: "a", value: 5}
以下示例演示如何使用速记语法来定义对象文本中的方法。
// Older versionsvar obj = { method1: function() {}, method2: function() {}};// Edge modevar obj = { method1() {}, method2() {}};
还可以在 Microsoft Edge 的对象文本中动态设置属性名称。下面的代码示例使用 set 语法以动态方式创建对象的属性名称。
var propName = "prop_42";var obj = { value: 0, set [propName](v) { this.value =http://www.mamicode.com/ v; }}console.log(obj.value);// Runs the setter property.obj.prop_42 = 777;console.log(obj.value);// Output:// 0// 777
下面的代码示例使用 get 语法以动态方式创建对象的属性名称。
var propName = "prop_42";var obj = { get [propName]() { return 777; }}console.log(obj.prop_42);// Output:// 777
下面的代码示例通过使用箭头函数语法将 42 追加到属性名称来创建计算属性。
var obj = { [ ‘prop_‘ + (() => 42)() ]: 42};
JavaScript Creating 对象
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。