本专栏主要是一些实用技巧，带大家灵活运用、并理解其思想；另外后续也会开设js核心知识方面的专栏带大家深入理解js这门语言。由于个人刚完成js阶段的学习，却没有什么项目经验，另外感觉自己基础也不是很好；所以梳理了下js学习过程中个人认为必须掌握的一些知识点、技巧等，以此为后期的学习打下坚实的基础。
call和apply相信很多人用过，或者看源码看到过，在这里简单说说他们之间的关系。首先call和apply都是改变this指向的api。他的区别仅仅只是call和apply的第二位参数起的差别。
在变量未声明前对变量进行操作会报错，就是因为存在暂时性死区。只有在变量声明后才可对变量进行操作。
本系列文章针对目前常见的面试题，仅提供了相应的核心原理及思路，部分边界细节未处理。后续会持续更新，希望对你有所帮助。
记得差不多在两年多之前写过一篇文章 两句话理解js中的this[1]，当时总结的两句话原话是这样的：
有关 JS 中的 this、call、apply 和 bind 的概念网络上已经有很多文章讲解了 这篇文章目的是梳理一下这几个概念的知识点以及阐述如何用原生 JS 去实现这几个功能
call 和 apply 和 bind 都是为了改变某个函数运行时的 context 即上下文而存在的，换句话说，就是为了改变函数体内部 this 的指向。
导语 | 本文主要介绍webpack的打包流程，及其插件系统Tabable，并手写了一下简易打包器。通过这篇文章读者可以了解webpack的具体实现过程，并且自己也可以理解其打包原理，有利于更好的使用这些工具。 一、开始 Webpack打包原理是从入口文件开始分析AST，递归收集依赖，然后生成最终的code。Webpack的插件是贯穿始终的，其插件系统借助了Tapable，Tapable也是Webpack团队开发的，其本质是一种发布订阅模式。 深入理解插件对于深入理解Webpack非常重要。想一下，任何复杂
我们都知道 call() 和 apply() 是用来改变函数中 this 指向的，它们的共同点是都会立即执行，而如果问到它们之间有什么区别时，我们都会想到一个「传参不同」
任何情况下，this 都不会默认指向函数自己，除非使用 bind 绑定的方式修改 this 为函数自己。
2、作为普通函数调用时，函数中的this指向全局对象，在浏览器环境中，指向的就是全局对象window
记得差不多在两年多之前写过一篇文章 两句话理解js中的this，当时总结的两句话原话是这样的：
我们在上周的文章中一种奇特的 JavaScript 编码风格：Get 一种可以用来装逼的 JavaScript 编码风格，引起了广大网友的热议。
在面试中，常常会遇到一些手写XXX之类的面试题，因此好好总结一下，对于巩固我们的原生js的基础是非常必要的。
根据 JavaScript 中的变量类型传递方式，分为基本数据类型和引用数据类型两大类七种。
无论是学习react还是vue，它们都是js的应用框架。剥去他们的壳子看到的始终是js，所以作为一个前端大厨必须要熟练掌握好js这个大勺，才能烧出一顿好菜
今天发的文章是先行者计划成员-james的亲身经历，里面涉及很多前端开发及js的基础知识，相信对于新人面试会很有帮助。所以在取得原作者同意之后在公众号发出来，希望让更多的人看到。
关于this，之前说过，this的指向取决于函数调用位置而非函数定义位置。谁调用函数，则函数上下文中的this就指向谁。
上篇文章详细解析了原型、原型链的相关知识点，这篇文章讲的是和原型链有密切关联的继承，它是前端基础中很重要的一个知识点，它对于代码复用来说非常有用，本篇将详细解析JS中的各种继承方式和优缺点进行，希望看完本篇文章能够对继承以及相关概念理解的更为透彻。
原理：为传入的 obj 添加临时方法，然后去调用这个临时方法，这样子，这个方法的this就会指向调用它的对象了，最后还需要把临时方法删除掉。
注：此原型图解可对照[JS基础—原型和原型链](https://blog.csdn.net/qq_37215621/article/details/126790301)中class 实现继承定义的类理解
高阶函数 函数可以作为参数传递 函数可以作为返回值输出 函数作为参数传递 回调函数 在ajax异步请求的过程中，回调函数使用的非常频繁 在不确定请求返回的时间时，将callback回调函数当成参数传入
--------------------------------------------------单例模式---------------------------------------------------- var person1={ name:'张三', age:18 }; var person2={ name:'李四', age:19 } 对象数据类型的作用： 把描述同一个事物或的属性和方法放在一个内容空间下，起到了分组的作用，这样不同事物之间的属性即使属性名相同，
这里总结一下 WEB 前端面试 JS 部分的常见问题，同时这些问题也是对一些基础的技术概念和思想的理解。对这些基本知识的掌握程度和深度决定了你的技术层级。高级工程师是必须掌握本文列出的这些知识的，资深工程师则要对这些基本概念的纵向深度进行挖掘。
https://juejin.im/post/5e24590ef265da3e152d27bc
以上只能回调没有参数的(除法你事先知道回调的函数的参数)，如果函数有未知的函数，就不能如此简单的调用了。
前言 回想起之前的一些面试，几乎每次都会问到一个js中关于call、apply、bind的问题，比如… 怎么利用call、apply来求一个数组中最大或者最小值 如何利用call、apply来做继承 apply、call、bind的区别和主要应用场景 虽然网上有很多关于这方面的博客和文章，但还是决定写一篇自己对这方面知识的理解。 作用 首先问个问题，这三个函数的存在意义是什么？答案是改变函数执行时的上下文，再具体一点就是改变函数运行时的this指向。有了这个认识，接下来我们来看一下,怎么使用这三个函数。 举
记录工作和学习中的一些可能会被面试问到的JS内部实现基础，由于笔者水平有限，提供出的答案不一定准确，但是原理尽可能会讲清楚，以后会进行逐步添加。 bind实现 bind实现其实是内部调用apply或者call来实现对象的this绑定，具体实现可以参考如下： var o = { a: 1, b: 2, print: function() { console.log(this.a); console.log(arguments); } }; va
JS中的this是一个老生常谈的问题了，因为它并不是一个确定的值，在不同情况下有不同的指向，所以也经常使人困惑。本篇文章会谈谈我自己对this的理解。
讲道理，这篇文章有些拿捏不好尺度。准确的说，这篇文章讲解的内容基本算是基础的基础了，但是往往这种基础类的文章很难在啰嗦和详细中把持好。文中道不到的地方还望各位评论多多补充指正。
所以原理就是给传入的第一个参数添加临时方法，然后去调用这个临时方法，这个时候，这个方法的this就会指向第一个参数啦，最后当然还要临时方法删除掉，不留下痕迹。
函数原型链中的 apply，call 和 bind 方法是 JavaScript 中相当重要的概念，与 this 关键字密切相关，相当一部分人对它们的理解还是比较浅显，所谓js基础扎实，绕不开这些基础常用的API，这次让我们来彻底掌握它们吧！
call方法: 语法：call([thisObj[,arg1[, arg2[, [,.argN]]]]]) 定义：调用一个对象的一个方法，以另一个对象替换当前对象。 说明： call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。 如果没有提供 thisObj 参数，那么 Global 对象被用作 thisObj。 apply方法： 语法：apply([thisObj[,argArray]]) 定义：应用某一对象的一个方法，用另一个对象替换当前对象。 说明： 如果 argArray 不是一个有效的数组或者不是 arguments 对象，那么将导致一个 TypeError。 如果没有提供 argArray 和 thisObj 任何一个参数，那么 Global 对象将被用作 thisObj， 并且无法被传递任何参数。
面试官出很多考题，基本都会变着方式来考察this指向，看候选人对JS基础知识是否扎实。读者可以先拉到底部看总结，再谷歌（或各技术平台）搜索几篇类似文章，看笔者写的文章和别人有什么不同（欢迎在评论区评论不同之处），对比来看，验证与自己现有知识是否有盲点，多看几篇，自然就会完善自身知识。
很多人看到this这个关键字就会感觉很恶心，因为this 关键字是 JavaScript 中最复杂的机制之一。它是一个很特别的关键字，被自动定义在所有函数的作用域中。但是即使是非常有经验的 JavaScript 开发者也很难说清它到底指向什么。
阶段二:浏览器中JavaScript的执行机制 07｜变量提升:JavaScript中的代码是按顺序执行的吗？ 只有理解了JavaScript执行上下文，才能更好的理解JavaScript语言本身：变量提升、作用域、闭包等。 变量提升 变量提升指的是:JS代码在执行过程中，JS引擎会把变量的声明部分和函数的声明部分提升到代码开头的行为，变量提升后，会给变量设置默认值，这个值就是我们熟悉的undefined。 JavaScript的代码执行流程 JavaScript是先编译后执行，在编译阶段变
之前在使用express的时候从来没有想过为什么可以这样写，中间件可以这样用。今天决定把中间件原理给写一遍。不多cc，直接上代码。
JavaScirpt 使用 Number 类型来表示数字（整数或浮点数），遵循 IEEE 754 标准，通过 64 位来表示一个数字（1 + 11 + 52）
1自我介绍 学了哪些内容 2vue的理解 3vue双向数据绑定的原理 4vue怎么实现数组绑定 5js的继承 6call和apply的区别 7ajax是同步还是异步，怎么实现同步 8ajax实现过程 9闭包 10跨域方法以及怎么实现的和原理 11实习中做的项目 12webpack工程构建工具怎么用 13数组去重 14快排和冒泡的原理 15http状态码 16nodejs了解多少 17为什么css样式初始化？目的是什么 18为什么浏览器会产生同源策略 19axios有什么特
之前写过两篇《面试官问：能否模拟实现JS的new操作符》和《面试官问：能否模拟实现JS的bind方法》
随着前端工程化的不断发展，构建工具也在不断完善。作为大前端时代的新宠，webpack渐渐成为新时代前端工程师不可或缺的构建工具，随着webpack4的不断迭代，我们享受着构建效率不断提升带来的快感，配置不断减少的舒适，也一直为重写的构建事件钩子机制煞费苦心，为插件各种不兼容心灰意冷，虽然过程痛苦，但结果总是美好的。经历了一番繁琐的配置后，我常常会想，这样一个精巧的工具，在构建过程中做了什么？我也是抱着这样的好奇，潜心去翻阅相关书籍和官方文档，终于对其中原理有所了解，那么现在，就让我们一起来逐步揭开webpack这个黑盒的神秘面纱，探寻其中的运行机制吧。
this可以说是前端开发中比较常见的一个关键字，由于其指向是在运行时才确定，所以大家在开发中判断其方向时也会很模糊，今天就把this的指向问题拆开了，揉碎了，好好讲一讲。
1. 面试会问啊！总有一些面试官喜欢问你一段不可能这么写的代码。看一道经典且古老的面试题(学完本文后，文末会有一道更复杂的面试题等着你哦！)
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议
