javascript动态创建对象的属性详解
更新时间：2018年11月07日 08:39:14 投稿：laozhang
在本篇文章中我们给大家分享了关于javascript动态创建对象的属性的相关知识点以及代码分享，需要的朋友们参考学习下。
面向对象的JavaScript在客户端编码时提供了极大的灵活性，Javascript对象上的属性有助于设置可在对象内使用以管理和使用数据的值。
我对JavaScript中属性的理解，在javascript中，可以通过在文字对象上定义变量来创建属性。
例如
var obj = {
property1: '',
property2: ''
};
现在可以通过使用来访问这些属性
obj.property1 = 'some value'; obj.property2 = 'some other value';
同样，类似地，它们也可以在对象Object内的函数内使用。
例如：
var obj = {
property1: '',
property2: '',
foo : function(){
console.log(obj.property1);
}};
现在我们知道如何在javascript对象上创建属性，让我们看看如何在Javascript上创建动态属性
有两种方法可以做到这一点
在Javascript对象上定义类似于Array的动态属性
让我们采用与上面相同的例子：
var obj = {
property1: '',
property2: ''
};
在对象Objo上创建动态属性，我们可以这样做：
obj['property_name'] = 'some_value';
它的作用是，它在对象上创建一个obj新属性可以访问它作为console.log（obj.property_name）;
这将在控制台上输出值some_value
使用Object.defineProperty定义动态属性。
例：
// Example of an object property added with defineProperty with a data property descriptor
Object.defineProperty(obj, "property3", {value : 'some value',
writable : true,
enumerable : true,
configurable : true});
// 'property3' property exists on object obj and its value is 37
相关文章
JavaScript测试工具之Karma-Jasmine的安装和使用详解
Jasmine是一个Javascript的测试工具，在Karma上运行Jasmine可完成Javascript的自动化测试、生成覆盖率报告等。本文不包含Jasmine的使用细节，这几天我会写一篇Jasmine的入门文章，有兴趣的朋友到时候可以看一下2015-12-12
这篇文章主要介绍了JavaScript设计模式之单例模式原理与用法,结合实例形式分析了单例模式的原理、命名空间的使用、闭包、惰性单例形式以及单例模式的基本应用,需要的朋友可以参考下2018-07-07
本文通过实例代码给大家讲解了js实现ajax异步浏览器兼容问题，代码简单易懂，非常不错，具有参考借鉴价值，需要的朋友参考下吧2017-01-01
这篇文章主要介绍了javascript History对象原理解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-02-02
这篇文章主要介绍了JS实现判断碰撞的方法,实例分析了通过js判断实体碰撞的技巧与相关应用,需要的朋友可以参考下2015-02-02
下面小编就为大家带来一篇详谈js模块化规范。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-07-07
这篇文章主要给大家介绍了关于JavaScript块级作用域绑定的相关资料,文中通过实例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2022-12-12
本文给大家分享的是使用javascript结合ajax实现产品页面无刷新加载信息的代码，非常的简单实用，有需要的小伙伴可以参考下。2015-07-07
这篇文章主要为大家详细介绍了微信小程序实现预览图片功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-11-11
这篇文章主要介绍了js中定义一个变量 var params=null;判断params 为/不为空的方法 ,需要的朋友可以参考下2014-05-05
最新评论