通过js创建file对象_深度理解JS中面向对象的创建单个对象

红太狼 2022-10-24 05:48 409阅读 0赞

来谈谈面向对象吧，谈对象，似乎确实是一件比较复杂的事情~

一、首先来理解一下对象

对象其实就是创建一个Object的实例，然后可以给他添加属性和方法，像这样：

那么像上面那样就创建好了一个person对象了，他带有name、age属性和一个sayJob的方法

二、那么来研究一下属性的类型，属性的类型又分为 数据属性 和 访问器属性

1.**数量属性** 是什么呢？像上面person这个对象，他的name、age属性就是数据属性，数据属性具有4个特性：configurable、enumerable、writable和value

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

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

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

value ： 属性的数据值。默认值为undefined ， 当给属性指定一个值以后，value的值就变成指定的该值了

要修改属性默认的特性，及以上几个特性的话，必须用到 Object.defineProperty( )方法了，它接收三个参数：属性所在的对象、属性名字和一个描述特性的对象，像这样；

2.**访问器属性** 访问器属性不包含数据值，他包含一对getter和setter函数，在读取访问器属性的时候，调用getter函数，这个函数负责返回值，在写入访问器属性的时候，会调用setter函数并传入新值，这个函数就负责处理数据。访问器属性也具有4个特性：configurable、enumerable、get和set

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

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

get：读取属性时调用的函数。默认值undefined

set：写入属性时调用的函数。默认值undefined

访问器属性不能直接定义，必须使用Object.defineProperty( )方法来定义，先来看一下代码：

上面person对象定义了一份默认属性age，访问器属性yearslater包含了一个set和get函数，get函数返回age的值，set函数用来处理值，通过person.yearslater访问值来改变了age的值，这就是访问器属性的常见方式

3.定义多个属性，定义多个属性就需要用到Object.defineProperties( )方法了，这个方法接收两个参数，第一个是要添加和修改的对象，第二个对象的属性与第一个对象中要添加或修改的属性一一对应

let person = { };Object.defineProperties(person , { name:{  writable:true,    value:"Durant"  },  age:{  configurable:false,    value:28  },  yearslater:{  get:function( ){    return this.age    },    set:function( value ){    this.age += value    }  }} )

4.读取属性的特性，使用Object.getOwnPropertyDescriptor( )方法，这个方法接收两个参数：属性所在对象和要读取其描述符的属性名称，返回值是一个对象。

我们还是定义上面那个person对象

let descriptor = Object.getOwnPropertyDescriptor( person ,"name");console.log(descriptor.value);  //Durantconsole.log(descriptor.writable);  //trueconsole.log(descriptor.get);  //undefined

好了，单个对象的理解就到这里了，希望能对大家有所帮助

![e6cdc8474ae2635326356f2af76daa92.png][]

[e6cdc8474ae2635326356f2af76daa92.png]: /images/20221024/0019362d9fb443999eb6f0df537917f0.png