前端笔试题分享 前端面试pdf.pdf

前端笔试题分享 本资源为前端笔试题分享，涵盖了JavaScript基础、前端web前端相关知识点，以下是从给定的文件中生成的相关知识点： 一、JavaScript基础 1. 手写Object.create思路：将传入的对象作为原型，通过创建一个新的构造函数F，并将其prototype设置为传入的对象，然后返回新的对象。 实现代码： ``` function create(obj) { function F() {} F.prototype = obj return new F() } ``` 2. 手写instanceof方法：instanceof运算符用于判断构造函数的prototype属性是否出现在对象的原型链中的任何位置。实现步骤：首先获取类型的原型，然后获得对象的原型，然后一直循环判断对象的原型是否等于类型的原型，直到对象原型为null，因为原型链最终为null。 实现代码： ``` function myInstanceof(left, right) { let proto = Object.getPrototypeOf(left), prototype = right.prototype; while (true) { if (!proto) return false; if (proto === prototype) return true; proto = Object.getPrototypeOf(proto); } } ``` 3. 手写new操作符：在调用new的过程中会发生四件事情：首先创建了一个新的空对象，设置原型，将对象的原型设置为函数的prototype对象，让函数的this指向这个对象，执行构造函数的代码，为这个新对象添加属性，然后判断函数的返回值类型，如果是值类型，返回创建的对象。如果是引用类型，就返回这个引用类型的对象。 实现代码： ``` function objectFactory() { let newObject = null; let constructor = Array.prototype.shift.call(arguments); let result = null; if (typeof constructor !== "function") { console.error("type error"); return; } newObject = Object.create(constructor.prototype); result = constructor.apply(newObject, arguments); let flag = result && (typeof result === "object" || typeof result === "function"); return flag ? result : newObject; } ``` 4. 手写Promise： Promise是一个用于处理异步操作的API，通过then方法可以链式调用，catch方法可以捕获异常。 实现代码： ``` const PENDING = "pending"; const RESOLVED = "resolved"; const REJECTED = "rejected"; function MyPromise(fn) { var self = this; this.state = PENDING; this.value = null; this.resolvedCallbacks = []; this.rejectedCallbacks = []; function resolve(value) { if (value instanceof MyPromise) { return value.then(resolve, reject); } setTimeout(() => { if (self.state === PENDING) { self.state = RESOLVED; self.value = value; self.resolvedCallbacks.forEach(cb => cb(value)); } }, 0); } function reject(reason) { setTimeout(() => { if (self.state === PENDING) { self.state = REJECTED; self.value = reason; self.rejectedCallbacks.forEach(cb => cb(reason)); } }, 0); } fn(resolve, reject); } ``` 这些知识点涵盖了JavaScript基础、前端web前端相关知识点，为前端开发者提供了宝贵的参考资料。