ES6 用Proxy代理修改JavaScript语言，2024年阿里+头条+腾讯大厂前端笔试真题

// 2. 定制对象get

目标对象内部的this关键字会指向 Proxy 代理

Proxy.revocable方法返回一个可取消的 Proxy 实例：

let target = {};

let handler = {};

let {proxy, revoke} = Proxy.revocable(target, handler);

proxy.foo = 123;

proxy.foo // 123

revoke();

proxy.foo // TypeError: Revoked

回到顶部 目录

支持Proxy代理的方法

---

• get(target, propKey[, receiver])：拦截对象属性的读取

• target：目标对象

• propKey：属性名

• receiver：proxy实例本身

• set(target, propKey, value[, receiver])：拦截对象属性的设置，返回一个布尔值

• target：目标对象

• propKey：属性名

• value：属性值

• receiver：proxy实例本身

• has(target, propKey)：拦截HasProperty操作（in），返回一个布尔值

• target：目标对象

• propKey：属性名

• deleteProperty(target, propKey)：拦截delete操作，返回一个布尔值

• target：目标对象

• propKey：属性名

• ownKeys(target)：用来拦截对象自身属性的读取操作，返回一个数组。

• Object.getOwnPropertyNames(proxy)

• Object.getOwnPropertySymbols(proxy)

• Object.keys(proxy)

• for…in循环

• getOwnPropertyDescriptor(target, propKey)：拦截Object.getOwnPropertyDescriptor()，返回属性的描述对象

• defineProperty(target, propKey, propDesc)：拦截了Object.defineProperty操作，返回一个布尔值

• target：目标对象

• propKey：属性名

• propDesc：设置属性

• preventExtensions(target)：拦截Object.preventExtensions()，返回一个布尔值，否则会被自动转为布尔值

• getPrototypeOf(target)：主要用来拦截获取对象原型，返回一个对象

• Object.prototype.proto

• Object.prototype.isPrototypeOf()

• Object.getPrototypeOf()

• Reflect.getPrototypeOf()

• instanceof

• isExtensible(target)：拦截Object.isExtensible()，返回一个布尔值

• target：目标对象

• setPrototypeOf(target, proto)：拦截Object.setPrototypeOf()，返回一个布尔值。如果目标对象是函数，那么还有两种额外操作可以拦截

• apply(target, object, args)：拦截函数的调用、call和apply操作

• target：目标对象

• object：目标对象的上下文对象(this)

• args：目标对象的参数数组

• construct(target, args, newTarget)：拦截new命令

• target：目标对象

• args：构造函数的参数对象

• newTarget：创造实例对象时，new命令作用的构造函数

方法详解

回到顶部 目录

组件化开发

---

传统js添加HTML代码：

// 添加一个div，id为d1，class为divClass，文本为hello world

var div = document.createElement(‘div’);

div.id = ‘d1’;

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

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

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

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

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

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

文末

从转行到现在，差不多两年的时间，虽不能和大佬相比，但也是学了很多东西。我个人在学习的过程中，习惯简单做做笔记，方便自己复习的时候能够快速理解，现在将自己的笔记分享出来，和大家共同学习。

个人将这段时间所学的知识，分为三个阶段：

第一阶段：HTML&CSS&JavaScript基础

第二阶段:移动端开发技术

第三阶段:前端常用框架

• 推荐学习方式：针对某个知识点，可以先简单过一下我的笔记，如果理解，那是最好，可以帮助快速解决问题；

• 大厂的面试难在，针对一个基础知识点，比如JS的事件循环机制，不会上来就问概念，而是换个角度，从题目入手，看你是否真正掌握。所以对于概念的理解真的很重要。

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

难在，针对一个基础知识点，比如JS的事件循环机制，不会上来就问概念，而是换个角度，从题目入手，看你是否真正掌握。所以对于概念的理解真的很重要。

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