js之对象深入学习

说完原型之后，那么就必须说到原型链。原型链：一系列链接的原型对象。例如：Date.prototype的属性继承自Object.prototype,因此由new Date()创建的对象的属性同时继承自Date.prototype和Object.prototype。注意：所有的内置构造函数(以及大部分自定义的构造函数)都具有一个继承自Object.prototype的原型。对于原型链还需要想到的就是在js中的继承方式，分别为原型链继承  使用构造函数继承  call调用结合构造函数继承 共有继承  圣杯模式继承具体看我之前写过的博客 ,具体的博客地址如下，上面有这几种是继承的实现实例 https://blog.csdn.net/care_yourself/article/details/86303173

在ES5中定义了一个名为Object.create()方法，它创建一个新的对象，其中第一个参数是这个对象的原型，并且提供了第一个可选参数。对于Object.create()其是一个静态的函数，而不是提供给某个对象调用的方法，使用时只需要传入原型对象即可，如：var  01 = Object.create({ x : 1, y: 2}); // o1继承了属性x与y      **注意: 当传入的参数为null时，可创建一个没有原型的新对象，这种创建的方式会使得这个对象不会继承任何东西。**创建空对象的方法， var  o2 = Object.create(Object.prototype); //o2和new Object与{}相同。

属性的查询与设置：

Object.property与Object[“property”]表示的结果是相同的。第二种表示方式称为关联数组也被称为伞列  映射或字典

属性访问错误：

查询一个不存在的属性并不会报错，如果对象本身或者继承的原型中都没有这个属性，就会出现undefined

如果查询的对象并不存在，则在操作的过程中就会出现报错

给null和undifined设置属性也会报类型错误，某些属性是只读或者是不能重新赋值时，不会报错但是会操作失败

给对象o设置属性p会失败：

1.o中属性p是只读的    2.o中的属性p是继承属性，且它是只读的  3.o中不存在自有属性p

删除属性：

delete运算符可以删除对象的属性，delete运算符只能删除自有属性，不能删除继承属性。当delete表达式删除成功或没有任何副作用(比如删除不存在的属性时)，它会返回true。

如：    o = { x :2 }

delete o.x //删除x，返回true

delete o.x //x已经不存在，返回true

delete不能删除那些可配置性为false的属性

如：  delete  Object.prototype //不能删除，属性不可配置

var x = 1;

delete  this.x ;   //不能删除这个属性

function  f(){};

delete  this.f;   //不能删除全局函数

检测属性：

来检测集合中成员的所属关系——判断某个属性是否在某个对象中，可通i**n运算符  hasOwnProperty()和propertyIsEnumerbal()

来进行操作**

如：  var  o = { x : 1 }

“x”  in o //true "x"是对象o的属性所以返回的结果为true

hasOwmProperty()方法用来检测给定的名字是否是对象的自有属性，propertyIsEnumerble()方法检测到自有属性并且这个属性的可枚举性为true时才会返回true

枚举属性：

对于枚举属性，即就是去遍历对象中的属性，常采用的方式就是使用for/in来循环，其循环遍历的对象为所有可枚举性的属性(包括自有属性和继承的属性)

过滤for/in循环返回的属性方式：

for(p  in  o){

if(!o.hasOwnProperty§)  continue  //跳过继承属性

}

for(p in o){

if( typeof o[p] === ‘function’)  continue //跳过方法

}

在ES5中定义了两个用以枚举属性名称的函数,第一个是Object.keys()其返回一个数组，这个数组由对象中可枚举的自有属性的名称。第二个是Object.getOwnPropertyNames()它返回对象的所有自有属性的名称。

属性的getter与setter：

在ES5中定义了getter和setter，由这两者定义的属性称为存取器属性，其不同于数据属性，数据属性是一个简单的值，如果属性同时具有setter和getter方法，那么它是一个读/写属性，只有getter方法是一个只读属性，只有一个setter是一个只写属性。

//存取器属性通常都是成对定义的函数常通过set 与 get来定义

get  all_prop()

set   all_prop()

**数据属性和存取器属性的区别

不同点： 存取器属性不具有可写性

相同点： 两者都是可继承性**

属性的特性：

数据属性的四个特性：值(value) 可写性(writable)  可枚举性(enumerable)  可配置性(configurable)

存取器属性的四个特性：取(get) 写入(set)  enumerable  configurable

查询和设置属性特性：

可以通过这些APl给原型对象添加方法，将他们设置成不可枚举的

可以通过API给对象定义不能修改或删除的属性

调用Object.getOwnPropertyDescriptor()可以获得某个对象特定属性的属性描述符  调用Object.defineProperty(),可以设置属性的特性，或者想要其具有某种特性。

如： var  o = {};

//添加一个不可枚举的数据属性，并赋值为1

Object.defineProperty(o, “x”, {

value: 1,

writable: true,

enumerable: true,

configurable: true

最后

基础知识是前端一面必问的，如果你在基础知识这一块翻车了，就算你框架玩的再6，webpack、git、node学习的再好也无济于事，因为对方就不会再给你展示的机会，千万不要因为基础错过了自己心怡的公司。前端的基础知识杂且多，并不是理解就ok了，有些是真的要去记。当然了我们是牛x的前端工程师，每天像背英语单词一样去背知识点就没必要了，只要平时工作中多注意总结，面试前端刷下题目就可以了。