进击JavaScript核心 --- （3）面向对象

JS中的对象定义为：无序属性的结合，其属性可以包含基本值、对象或者函数

 

1、定义对象的方式

 

（1）、Object构造函数

var student = new Object();
student.name = 'Jim Green';
student.gender = 'Male';
student.age = 8;
student.say = function() {
  console.log(`My name is ${this.name}, I'm ${this.age} years old`);
}

student.say();      // My name is Jim Green, I'm 8 years old

 

（2）、对象字面量

var student = {
  name: 'Jim Green',
  gender: 'Male',
  age: 8,
  say: function() {
    console.log(`My name is ${this.name}`)
  }
}

student.say();    // My name is Jim Green

 

2、属性类型

Object.defineProperty()方法：用于修改对象属性的默认特性

这个方法接收三个参数：属性所在的对象，属性的名字和一个描述符对象。其中，描述符对象必须是以下两种之一（不能同时是两者）

 

2-1、数据属性

数据属性包含一个数据值的位置，在这个位置可以读取和写入值

 

configurable：默认值为true。表示能否通过delete删除该属性，能否修改属性的特性，或者能否把属性修改为访问器属性

enumerable：默认值为true。表示能否通过 for-in 循环返回属性

writable：默认值为true。表示能否修改属性值

value：默认值为undefined。包含这个属性的属性值，读取属性值的时候，从这个位置读；写入属性值的时候，把新值保存在这个位置

var person = {
  age: 8,
  gender: 'male'
};
Object.defineProperty(person, "name", {
  enumerable: false,
  value: "Roger"
});
for(var key in person) {
  console.log(`key --> ${key}, value --> ${person[key]}`);
}

// key --> age, value --> 8
// key --> gender, value --> male

 

如果将name属性的configurable值改为false，并尝试删除该属性，非严格模式下无效，delete操作被忽略；严格模式下报错

// "use strict";
var person = {};
Object.defineProperty(person, "name", {
  configurable: false,
  writable: true,
  value: "Roger"
});
console.log(person.name);       // Roger
delete person.name;
console.log(person.name);       // Roger    (configurable属性为false时，返回undefined)

// Uncaught TypeError: Cannot delete property 'name' of #