js之对象深入学习，mmkv原理

对于对象如何去创建的，在这里就不过多的去叙述。在java等一些面向对象的语言中，每当涉及到对象就会涉及到继承。因此在js中也会涉及到继承。这里需要引用到原型来说明js对象之中的继承关系。原型：表示一个js对象(null除外)和另一个对象之间的关联，每一个对象都成原型上继承属性   原型的表示:  构造函数名.prototype.  如：

通过new Object()创建对象的原型——>Object.prototype

new Array()创建对象的原型——>Array.prototype

注：没有对象的原型很少Object.prototype就是其中之一

说完原型之后，那么就必须说到原型链。原型链：一系列链接的原型对象。例如：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()它返回对象的所有自有属性的名称。

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且后续会持续更新

如果你觉得这些内容对你有帮助，可以添加V获取：vip1024c （备注前端）

总结

为了帮助大家更好温习重点知识、更高效的准备面试，特别整理了《前端工程师面试手册》电子稿文件。

内容包括html，css，JavaScript，ES6，计算机网络，浏览器，工程化，模块化，Node.js，框架，数据结构，性能优化，项目等等。

包含了腾讯、字节跳动、小米、阿里、滴滴、美团、58、拼多多、360、新浪、搜狐等一线互联网公司面试被问到的题目，涵盖了初中级前端技术点。

前端面试题汇总

JavaScript

性能

linux

一个人可以走的很快，但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎扫码加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

9916ef.png)

一个人可以走的很快，但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎扫码加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！
[外链图片转存中…(img-l6wM6BRc-1712739854276)]