【面试题】 面试手写JS 十六题（必看）_str(1)

最新推荐文章于 2024-05-12 01:18:47 发布
最新推荐文章于 2024-05-12 01:18:47 发布
阅读量264 收藏 10
点赞数 8
分类专栏： 程序员 文章标签： 面试 javascript 职场和发展
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2401_84437170/article/details/138363267
版权 

## 4 手写apply方法

Function.prototype.myApply = function(context = window, args) {
let key = Symbol(‘key’)
context[key] = this;
// let args = […arguments].slice(1)
let result = contextkey;
delete context[key];
return result;
}
复制代码


## 5、手写forEach方法

Array.prototype.myForEach = function(callback, context=window) {
let self = this,
i = 0,
len = self.length;

for(;i<len;i++) {
typeof callback == ‘function’ && callback.call(context,self[i], i)
}
}
复制代码


## 6、手写filter方法

Array.prototype.myFilter=function(callback, context=window){

let len = this.length
newArr = [],
i=0

for(; i < len; i++){
if(callback.apply(context, [this[i], i , this])){
newArr.push(this[i]);
}
}
return newArr;
}
复制代码


## 7、手写reduce方法

Array.prototype.myReduce = function(fn, initialValue) {
var arr = Array.prototype.slice.call(this);
var res, startIndex;
res = initialValue ? initialValue : arr[0];
startIndex = initialValue ? 0 : 1;
for(var i = startIndex; i < arr.length; i++) {
res = fn.call(null, res, arr[i], i, this);
}
return res;
}
复制代码


## 8 查找字符串中出现最多的字符和个数


字符最多的是char，出现了num次

function myString(str){
let num = 0;
let char = ‘’;
let re = /(\w)\1+/g;
str.replace(re,($0,$1) => {
if(num < $0.length){
num = $0.length;
char = $1;
}
});
return {num, char}
}

复制代码


## 9 冒泡排序



> 
> 冒泡排序的原理如下，从第一个元素开始，把当前元素和下一个索引元素进行比较。如果当前元素大，那么就交换位置，重复操作直到比较到最后一个元素，那么此时最后一个元素就是该数组中最大的数。下一轮重复以上操作，但是此时最后一个元素已经是最大数了，所以不需要再比较最后一个元素，只需要比较到 `length - 1` 的位置
> 
> 
>

function bubbleSort(list) {
var n = list.length;
if (!n) return [];

for (var i = 0; i < n; i++) {
// 注意这里需要 n - i - 1
for (var j = 0; j < n - i - 1; j++) {
if (list[j] > list[j + 1]) {
var temp = list[j + 1];
list[j + 1] = list[j];
list[j] = temp;
}
}
}
return list;
}
复制代码


## 10 快速排序



> 
> 快排的原理如下。随机选取一个数组中的值作为基准值，从左至右取值与基准值对比大小。比基准值小的放数组左边，大的放右边，对比完成后将基准值和第一个比基准值大的值交换位置。然后将数组以基准值的位置分为两部分，继续递归以上操作
> 
> 
>

function quickSort(arr) {
if (arr.length<=1){
return arr;
}
var baseIndex = Math.floor(arr.length/2);
var base = arr.splice(baseIndex,1)[0];
var left=[];
var right=[];
for (var i = 0; i<arr.length; i++){
if (arr[i] < base){
left.push(arr[i]);
}
}else{
right.push(arr[i]);，
}
return quickSort(left).concat([base],quickSort(right));
}
复制代码


## 11 插入排序

function insertSort(arr) {
for (let i = 1; i < arr.length; i++) {
let j = i;
let target = arr[j];
while (j > 0 && arr[j - 1] > target) {
arr[j] = arr[j - 1];
j–;
}
arr[j] = target;
}
return arr;
}
复制代码


## 12 对象扁平化

function objectFlat(obj = {}) {
const res = {}
function flat(item, preKey = ‘’) {
Object.entries(item).forEach(([key, val]) => {
const newKey = preKey ? ${preKey}.${key} : key
if (val && typeof val === ‘object’) {
flat(val, newKey)
} else {
res[newKey] = val
}
})
}
flat(obj)
return res
}
复制代码


## 13、手写发布订阅模式


* 创建一个对象
* `on`方法用来把回调函数`fn`都加到缓存列表中
* `emit` 根据`key`值去执行对应缓存列表中的函数
* `off`方法可以根据`key`值取消订阅

class EventEmiter {
constructor() {
this._events = {}
}
on(eventName,callback) {
if(!this._events) {
this._events = {}
}
this._events[eventName] = […(this._events[eventName] || []),callback]
}
emit(eventName, …args) {
if(!this._events[eventName]) {
return
}
this._events[eventName].forEach(fn=>fn(…args))
}
off(eventName,cb) {
if(!this._events[eventName]) {
return
}
this._events[eventName] = this._events[eventName].filter(fn=>fn != cb && fn.l != cb)
}
once(eventName,callback) {
const one = (…args)=>{
callback(args)
this.off(eventName,one)
}
one.l = callback
this.on(eventName,one)
}
}
复制代码


## 14、手写Ajax


* 创建 `XMLHttpRequest` 实例
* 发出 HTTP 请求
* 服务器返回 XML 格式的字符串
* JS 解析 XML，并更新局部页面
* 不过随着历史进程的推进，XML 已经被淘汰，取而代之的是 JSON。

function ajax(url) {
return new Promise((resolve, reject) => {
let xhr = new XMLHttpRequest()
xhr.open(‘get’, url)
xhr.onreadystatechange = () => {
if (xhr.readyState == 4) {
if (xhr.status >= 200 && xhr.status <= 300) {
resolve(JSON.parse(xhr.responseText))
ES6

  • 列举常用的ES6特性：

  • 箭头函数需要注意哪些地方？

  • let、const、var

  • 拓展：var方式定义的变量有什么样的bug？

  • Set数据结构

  • 拓展：数组去重的方法

  • 箭头函数this的指向。

  • 手写ES6 class继承。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

微信小程序

  • 简单描述一下微信小程序的相关文件类型?

  • 你是怎么封装微信小程序的数据请求？

  • 有哪些参数传值的方法？

  • 你使用过哪些方法，来提高微信小程序的应用速度？

  • 小程序和原生App哪个好？

  • 简述微信小程序原理？

  • 分析微信小程序的优劣势

  • 怎么解决小程序的异步请求问题？

其他知识点面试

  • webpack的原理

  • webpack的loader和plugin的区别？

  • 怎么使用webpack对项目进行优化?

  • 防抖、节流

  • 浏览器的缓存机制

  • 描述一下二叉树, 并说明二叉树的几种遍历方式?

  • 项目类问题

  • 笔试编程题：

最后

技术栈比较搭，基本用过的东西都是一模一样的。快手终面喜欢问智力题，校招也是终面问智力题，大家要准备一下一些经典智力题。如果排列组合、概率论这些基础忘了，建议回去补一下。

2401_84437170
关注
  • 8
    点赞
  • 踩
  • 10
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
32个手撕JS，彻底摆脱初级前端（面试高频）
SherrybabyOne的博客
09-29 1588
作为前端开发，JS是重中之重，最近结束了面试的高峰期，基本上offer也定下来了就等开奖，趁着这个时间总结下32个手写JS问题，这些都是高频面试题，希望对你能有所帮助。 关于源码都紧遵规范，都可跑通MDN示例，其余的大多会涉及一些关于JS的应用题和本人面试过程 01.数组扁平化 数组扁平化是指将一个多维数组变为一个一维数组 const arr = [1, [2, [3, [4, 5]]], 6]; // => [1, 2, 3, 4, 5, 6] 方法一：使用flat() const res1 =
几道JS代码手写面试题
weixin_33994429的博客
06-12 302
几道JS代码手写面试题 (1) 高阶段函数实现AOP(面向切面编程) Function.prototype.before=function(beforefn){let_self=this;//缓存原函数的引用returnfunction(){//代理函数beforefn.apply(...
2024年Web前端最新【面试题】 面试手写JS 十六题（必看）_str，网易前端面试社招
最新发布
2401_84447112的博客
05-12 301
一个好的心态和一个坚持的心很重要，很多冲着高薪的人想学习前端，但是能学到最后的没有几个，遇到困难就放弃了，这种人到处都是，就是因为有的东西难，所以他的回报才很大，我们评判一个前端开发者是什么水平，就是他解决问题的能力有多强。开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】分享一些前端面试题以及学习路线给大家复制代码## 3、手写实现call方法**call做了什么**> 1. 将函数设为对象的属性> 2. 执行和删除这个函数。
JavaScript 面试手写题
OriginalMIxss的博客
08-23 136
JavaScript 面试编码题1 JS手写ul li 实现点击事件2 判断变量数据类型 1 JS手写ul li 实现点击事件 var ul = document.createElement('ul'); document.body.appendChild(ul); for (let i = 0; i < 100; i++) { var li = document.createElement("li");
JavaScript手写代码面试题
Amelian的博客
03-06 1024
1.实现一个new操作符 function myNew(func) { //1.创建一个空的对象 var obj = {}; //2.将新创建的新对象的隐形原型指向构造函数的显示原型 obj.__proto__ = func.prototype; //由于arguments是类数组，需要转换才能调用数组的方法，需要从第二个开始获取参数 var a
手写js面试题集
weixin_34050519的博客
04-11 270
实现一个遍历domtreefunction domtree(dom,index=0){ index++;//domtree深度 if (dom.nodeType === Node.ELEMENT_NODE) { console.log(dom.tagName+":"+index) } let childNodes = dom.childNodes; for (let i=0;i&lt...
vue最新面试题必知必会系列
07-10
vue最新面试题必知必会系列 vue最新面试题必知必会系列 vue最新面试题必知必会系列 vue最新面试题必知必会系列 vue最新面试题必知必会系列 vue最新面试题必知必会系列 vue最新面试题必知必会系列 vue最新面试题必知...
「2021」高频前端面试题汇总之手写代码篇.pdf
12-14
本资源主要对前端面试题的常见问题进行了总结和分类，涵盖了 JavaScript 基础知识、手写代码等方面的知识点。下面是对本资源中提到的知识点的详细解释： 1. 手写 Object.create 方法 Object.create 方法用于创建一...
vue面试题1.zipvue面试题1.zip
02-01
vue面试题1.zipvue面试题1.zipvue面试题1.zipvue面试题1.zipvue面试题1.zipvue面试题1.zipvue面试题1.zipvue面试题1.zipvue面试题1.zipvue面试题1.zipvue面试题1.zipvue面试题1.zipvue面试题1.zipvue面试题1.zip
2024年tensorflow面试题必问.zip
03-01
内容概要：本面试题涵盖了各种类型的技术面试题，包括编程语言、算法、数据结构、操作系统、计算机网络、数据库等多个方面。这些面试题都是经过精心筛选和整理的，涵盖了常见的面试题型和知识点，能够帮助求职者全面...
1_3_测试面试题-1.19.xlsx
07-25
1_3_测试面试题-1.19.xlsx
js常考手写面试题
weixin_45730243的博客
12-31 646
一、promise 1、实现promise.all function PromiseAll(promises){ return new Promise((resolve.reject)=>{ if(!Array.isArray(promise)){ throw new TypeError("promise must be an array") } let result = [] let count = 0 promises.forEach((promise,index)=
最全的手写JS面试题
Rainydaysqu的博客
08-04 452
1 compose 题目描述:实现一个 compose 函数 // 用法如下: function fn1(x) { return x + 1; } function fn2(x) { return x + 2; } function fn3(x) { return x + 3; } function fn4(x) { return x + 4; } const a = compose(fn1, fn2, fn3, fn4); console.log(a(1)); // 1+4+3+2+
js手写题汇总（面试前必刷）
helloworld1024fd的博客
11-09 1297
实现node中回调函数的机制，node中回调函数其实是内部使用了观察者模式。 实现Event(event bus) event bus既是node中各个模块的基石，又是前端组件通信的依赖手段之一，同时涉及了订阅-发布设计模式，是非常重要的基础。简单版： 面试版： 模板引擎实现 实现深拷贝 浅拷贝： 浅拷贝指的是将一个对象的属性值复制到另一个对象，如果有的属性的值为引用类型的话，那么会将这个引用的地址复制给对象，因此两个对象会有同一个引用类型的引用。浅拷贝可以使用 Object.assign 和展开
面试中最全的手写JS题
JackChan
10-26 80
面试中最全的手写JS题
Javascript面试超高频手写60题：1-10（持续更新中）
Dzp199903的博客
07-10 318
Javascript面试超高频手写60题
【面试题】JavaScript 常见的 10 个 面试手写题_js 大厂面试手写体
2401_84437982的博客
05-01 226
【代码】【面试题】JavaScript 常见的 10 个 面试手写题_js 大厂面试手写体。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值