1.实例化Object对象

实例化Object对象的方式有两种:使用Object构造器和使用对象的字面量。例如:

var person1 = {
name: '李四'
}; var person2 = new Object();
person2.name = '王二';

2.为实列添加属性

我们可以随时随地为对象添加属性,也可以随时修改属性的值。

var person1 = {
name: '小明'
}; var person2 = new Object();
person2.name = '小红'; //给对象添加属性
person1.age = 23;
person2.age = 25; //修改属性的值
person1.name = '张三';
console.log(person1.name); //'张三'
person2.name = '李四';
console.log(person2.name); //'李四'

3.删除对象中的属性

var person1 = {
name: '张三'
}; person1.name = null; console.log(person1.name); //'张三' delete person1.name; console.log(person1.name); //'undefined'

4.检查属性

由于对象的属性可以被随时随地被修改或删除,因此有时候我们需要检查对象的某个属性是否存在。使用下面的方式检查是不可靠的:

var person1 = {
name: '张三'
}; person1.name = '';//或者null/undefined if (person1.name) { console.log('存在'); } else { console.log('不存在'); //'不存在'
}

使用这种方式可能会得不到正确的结果,如果属性的值是:对象,非空字符串,非零的数或者true,if条件语句会把它们转换成true。如果属性的值是:null,undefined,0,false,NaN,空字符串,if条件语句会把它们转换成false。检差对象中的属性是否存在的更可靠的方式是使用in操作符:

var person1 = {
name: '张三'
}; person1.name = '';//或者null/undefined if ('name' in person1) { console.log('存在'); //'存在' } else { console.log('不存在');
}

5.遍历实列的属性

默认情况下,我们添加到对象上的属性都是可枚举的,这样的话我们就可以使用for-in循环遍历它们。

var obj = {
name: '王志龙',
age: 23,
gender: '男',
address: '鹤壁'
}; var propertyName; for (propertyName in obj){ console.log('属性名:' + propertyName);
console.log('属性值:' + obj[propertyName]);
}

for-in循环每循环一次都会将一个属性名赋值给propertyName,直到所有的属性都被遍历一遍为止。

如果我们只是想获取一个对象中的所有属性名,可以使用Object.keys()方法。该方法会以数组的形式返回所有的属性名。

console.log(Object.keys(obj));     // ["name", "age", "gender", "address"]

6.属性的分类

属性的类型分两种:一种是数据属性,一个种是访问器属性。数据属性用来存储一个值,比如所上个例子中的name。访问器属性不包含值,而是定义了一个getset函数,当读取属性时,调用get函数,当写属性时,调用set函数。

下面是一个使用字面量的形式定义访问器属性的语法:

var obj = {

    _myname: 'clw',

    get name(){

        console.log('get方法被调用了');
return this._myname + '1111'; },
set name(value){ console.log('set方法被调用了');
this._myname = value; }
}; console.log(obj.name);

7.属性的内部

  7.1共享的属性:

数据属性和访问器属性共享的内部特性有两个:一个是[[Enumerable]],这个特性决定了我们是否能够遍历该属性。另一个是[[Configurable]],这个特性决定了我们是否能够改变属性。默认情况下我们在对象上添加的属性都是可枚举、可配置的。

如果我们向改变属性的特性,可以使用Object.defineProperty()方法。该方法接受3个参数:拥有被修改属性的对象、被修改的属性名、包含描述特性的对象。描述符和内部特性名称相同,但是没有方括号。例如,我们将一个属性改成不能枚举,不能配置:

var person1 = {
name: '张三',
age: 22
}; console.log(person1.propertyIsEnumerable('name')); Object.defineProperty(person1, 'name', {
enumerable: false
}); console.log('name' in person1); //true
console.log(person1.propertyIsEnumerable('name')); //false var properties = Object.keys(person1);
console.log(properties); //["age"] //delete person1.name;
//console.log(person1.name); //'undefined' Object.defineProperty(person1, 'name', {
configurable: false
}); delete person1.name;
console.log(person1.name); //'张三'

  7.2访问器属性内部的特性:

var obj = {

    _myname: 'clw',

    get name(){

        console.log('get方法被调用了');
return this._myname + '1111'; },
set name(value){ console.log('set方法被调用了');
this._myname = value; }
}; //上面的代码等价于: var obj2 = {
_myname: 'clw'
}; Object.defineProperty(obj, 'name', {
get: function() { console.log('get方法被调用了');
return this._myname + '1111'; },
set: function(value) { console.log('set方法被调用了');
this._myname = value; },
configurable: true,
enumerable: true
});

  7.3定义多个属性的内部特性:

定义单个属性的内部特性使用Object.defineProperty(),定义多个属性使用的是Object.defineProperties(),这个方法接受2个参数,第一个是属性所属的对象,第二个是包含被定义属性的对象。

  var person1 = {};

        Object.defineProperties(person1, {
name: {
value: '张三',
enumerable: true,
configurable: true,
writable: true
},
age: {
value: 23,
enumerable: false,
configurable: false,
writable: false
},
address: {
get: function(){ },
set: function(value){ },
enumerable: true,
configurable: true
}
}); console.log(person1.name); //'张三'
person1.name = '李四';
console.log(person1.name); //'李四' console.log(person1.age); //23
person1.age = 500;
console.log(person1.age); //23

  7.4获取属性内部的特性

获取属性的内部特性的方法有两个:Object.getOwnPropertyDescriptor()Object.getOwnPropertyDescriptors()

var person1 = {};

        Object.defineProperties(person1, {
name: {
value: '张三',
enumerable: true,
configurable: true,
writable: true
},
age: {
value: 23,
enumerable: false,
configurable: false,
writable: false
},
address: {
get: function(){ },
set: function(value){ },
enumerable: true,
configurable: true
}
}); //获取对象中单个属性的内部特性
var descriptor = Object.getOwnPropertyDescriptor(person1, 'address');
//获取对象中所有属性的内部特性
var descriptors = Object.getOwnPropertyDescriptors(person1);
console.log(descriptors);

这次彻底理解了Object这个属性的更多相关文章

  1. 简单理解js的prototype属性

    在进入正文之前,我得先说说我认识js的prototype这个东西的曲折过程. 百度js的prototype的文章,先看看,W3School关于prototype的介绍: 你觉得这概念适合定义js的pr ...

  2. 深入理解JavaScript中的属性和特性

    深入理解JavaScript中的属性和特性 JavaScript中属性和特性是完全不同的两个概念,这里我将根据自己所学,来深入理解JavaScript中的属性和特性. 主要内容如下: 理解JavaSc ...

  3. 面向对象的程序设计(二)理解各种方法和属性typeof、instanceof、constructor、prototype、__proto__、isPrototypeOf、hasOwnProperty

    //理解各种方法和属性typeof.instanceof.constructor.prototype.__proto__.isPrototypeOf.hasOwnProperty. //1.typeo ...

  4. 半深入理解CSS3 object-position/object-fit属性

    半深入理解CSS3 object-position/object-fit属性 转载:https://www.zhangxinxu.com/wordpress/2015/03/css3-object-p ...

  5. 深入理解css中position属性及z-index属性

    深入理解css中position属性及z-index属性 在网页设计中,position属性的使用是非常重要的.有时如果不能认识清楚这个属性,将会给我们带来很多意想不到的困难. position属性共 ...

  6. js object 对象 属性和方法的使用

    //object 对象 属性和方法的使用 var person = new Object(); person.name="张海"; person.age="; perso ...

  7. js动态参数作为Object的属性取值

    js动态参数作为Object的属性取值var myObj = {"a":1,"b":2};var a = 'a';myObj[a] 就可以获取到 属性a的值了

  8. 面向对象中Object常用属性总结

    学完Object属性,自己总结一些常用是Object常用属性. Object.prototype:属性表示Object的原型对象. 属性: Object.prototype.constructor:特 ...

  9. u3d中刚体与碰撞体的理解以及is Trigger属性的意义

    刚体:个人理解就是具有物理属性(如:质量),接受物理作用(如:重力)的组件. 碰撞体:个人理解就是计算碰撞后的物理量(如:弹力). 刚体与碰撞体的关系:个人理解判断碰撞体就是需要计算力,如果碰撞的物体 ...

随机推荐

  1. js 标签云

    以前只看到wordpress上面有个标签云的效果挺6,就好奇的弄个试试,还好网上有很多小伙伴的分享了,借鉴过来了  哈哈 html代码 <!DOCTYPE html> <html&g ...

  2. VMware 滴滴声解决

    去除虚拟机tab时的滴滴声 # cat /etc/inputrc Set bell-style none 重启生效

  3. Java日志框架:slf4j作用及其实现原理

    简单回顾门面模式 slf4j是门面模式的典型应用,因此在讲slf4j前,我们先简单回顾一下门面模式, 门面模式,其核心为外部与一个子系统的通信必须通过一个统一的外观对象进行,使得子系统更易于使用.用一 ...

  4. maven 技术总结

    1.版本统一控制 在 properties中配置一个参数,在添加依赖时 通过 version标签 限定版本 <properties> <org.springframework.ver ...

  5. [SCOI2011] 糖果

    luogu Description 幼儿园里有N个小朋友,lxhgww老师现在想要给这些小朋友们分配糖果,要求每个小朋友都要分到糖果.但是小朋友们也有嫉妒心,总是会提出一些要求,比如小明不希望小红分到 ...

  6. 常用数据库连接池 (DBCP、c3p0、Druid) 配置说明

    1. 引言 1.1 定义 数据库连接是一种关键的有限的昂贵的资源,这一点在多用户的网页应用程序中体现得尤为突出.对数据库连接的管理能显著影响到整个应用程序的伸缩性和健壮性,影响到程序的性能指标.数据库 ...

  7. RabbitMQ 消息确认与公平调度消费者

    一.消息确认 为了确保消息一定被消费者处理,rabbitMQ提供了消息确认功能,就是在消费者处理完任务之后,就给服务器一个回馈,服务器就会将该消息删除,如果消费者超时不回馈,那么服务器将就将该消息重新 ...

  8. 【JS】 Javascript与BOM的互动 寻路

    JS BOM 之前提到过JS和DOM之间的互动方法.而BOM(Browser Object Module)是浏览器的对象模型,它也可以和JS进行互动.也就是说,JS还可以和浏览器进行互动.因为现代主流 ...

  9. 【Python】 零碎知识积累 II

    [Python] 零碎知识积累 II ■ 函数的参数默认值在函数定义时确定并保存在内存中,调用函数时不会在内存中新开辟一块空间然后用参数默认值重新赋值,而是单纯地引用这个参数原来的地址.这就带来了一个 ...

  10. 在Python中使用Redis

    在Python中要使用Redis数据库,首先要安装redis 之前的博客中有写到在命令行模式下操作Redis数据库. 要在项目中使用的话可以这么做: 通过初始化 redis.Redis,得到返回的对象 ...