理解对象以及属性

• 什么是对象?
  面向对象(Object-Oriented,OO).ECMAScriptt没有类的概念,ECMA262把对象定义为"无序属性的集合,其属性可以包含基本值,对象或者函数",每个对象都是基于一个引用类型创建的.

• 属性类型
  ECMAScriptt将属性类型分为数据属性和访问器属性

  • 数据属性
    数据属性拥有四个特性:
    writable:设置属性值是否可更改
    configurable:是否能够通过delete删除属性
    enumerable:能否通过for-in循环,以上默认值为true
    value:属性的值
    若要修改属性的默认特性,使用:Object.defineProperty():修接收三个参数,对象名称,属性名称,描述符对象(以上四种)

let person = {
    name : "jane",
    age : 21,
    job : "student",
    say : function () {
        console.log(this.name);
    }
};

person.say();
console.log(person.age);

//设置数据属性
Object.defineProperty( person,"name",{
    writable : false,
    configurable : false,

});

//值不可更改
console.log(person.name); //jane
person.name = "gg";
console.log(person.name); //jane

delete person.name;
delete person.age;
console.log(person.name); //jane
console.log(person.age); //undefined

• 访问器属性
  访问器属性不包含数据值
  configurable,enumerable,get,set
  get:读取属性时调用 undefined
  set:写入属性时调用 undefined
  下划线来区别,比如说_name,表示只能通过对象方法访问的属性

let person = {
    _year:1998,
    grade:80
};

//定义基本的属性
Object.defineProperty(person,"_year",{
   value:2000,
   writable:true
});

//定义访问器属性
Object.defineProperty(person,"year",{
    get : function(){
        return this._year
    },
    set : function (newValue) {
        this._year = newValue;
        this.grade += newValue - 1997;
    }
});
person.year = 1999;
console.log(person.grade); //82
console.log(person._year); //1999
console.log(person.year);  //1999

• 将两种属性一起定义

let book = {};

//同时定义两个属性
Object.defineProperties(book,{

    _price :{
      value:24,
        writable:true
    },

    name : {
       writable:false,
       value:"你也走了很远的路吧"
   }

});

book.price = 30;
console.log(book._price); //30
console.log(book.price); //30

• 读取属性的特性

/*
读取属性的特性
Object.getOwnPropertyDescriptor()
接收两个参数:属性所在的对象以及属性名称
* */
let ddd = Object.getOwnPropertyDescriptor(person,"grade");
console.log(ddd.enumerable);//tue
console.log(ddd.writable);//tue
console.log(ddd.configurable);//tue

let descrip = Object.getOwnPropertyDescriptor(book,"_price");
console.log(descrip.value);//30
console.log(descrip.writable);//true
console.log(descrip.enumerable);//false
console.log(descrip.configurable);//false
console.log(descrip.get);//undefined

let de = Object.getOwnPropertyDescriptor(book,"price");
console.log(de.enumerable); //false
console.log(de.value);//undefined
console.log(de.get);//[Function: get]