关于this，之前说过，this的指向取决于函数调用位置而非函数定义位置。谁调用函数，则函数上下文中的this就指向谁。
面试官出很多考题，基本都会变着方式来考察this指向，看候选人对JS基础知识是否扎实。读者可以先拉到底部看总结，再谷歌（或各技术平台）搜索几篇类似文章，看笔者写的文章和别人有什么不同（欢迎在评论区评论不同之处），对比来看，验证与自己现有知识是否有盲点，多看几篇，自然就会完善自身知识。
大家好，我是架构君，一个会写代码吟诗的架构师。今天说一说Javascript的精华啊【如果以后我看到了或者想到了再继续补吧】[通俗易懂],希望能够帮助大家进步!!!
很多时候, JS 中的 this 对于咱们的初学者很容易产生困惑不解。 this 的功能很强大，但需要一定付出才能慢慢理解它。
this总是指向调用方法的对象，this的方向与方法的调用位置有关，与方法的声明位置无关(箭头函数特殊)；
函数有两种定义方法：定义表达式如var f = function(){};和声明语句如function f(){}。须知在变量提前这一现象中，声明语句可被提前，而定义表达式虽然声明语句被提前，但赋值并未被提前，因此在表达式前调用该函数会得到undefined。函数声明语句不能出现在循环、条件判断、或者try/catch/finally以及with语句中。
在 js 中，this 这个上下文总是变化莫测，很多时候出现 bug 总是一头雾水，其实，只要分清楚不同的情况下如何执行就 ok 了。
全局变量使用容易引发bug，咱们经常教导尽量不要使用全局变量，尽管全局变量在某些情况下是有用的。 例如，在浏览器中使用JS时，咱们可以访问全局window对象，window中有很多有用的方法，比如：
全局变量使用容易引发bug，咱们经常教导尽量不要使用全局变量，尽管全局变量在某些情况下是有用的。例如，在浏览器中使用JS时，咱们可以访问全局window对象，window中有很多有用的方法，比如：
this是在运行时进行绑定的，并不是在编写时绑定，他的上下文取决于函数调用时的各种条件。this的绑定和函数声明的位置没有任何关系，只取决于函数的调用方式。
任何情况下，this 都不会默认指向函数自己，除非使用 bind 绑定的方式修改 this 为函数自己。
之前在看《You Don’t Know JS - 1st Edition》这本书的时候，它对this的解释是针对各个this在哪里被调用分为四种情况。
上述代码中foo()不带任何修饰函数引用进行调用的，因此只能使用默认绑定，无法应用其他规则。 像这种独立函数调用是最常见的方式。值得一提的是在严格模式下，全局对象无法使用默认绑定，this绑定的是undefined。
原文地址：Functional-Light-JS 原文作者：Kyle Simpson－《You-Dont-Know-JS》作者 第 9 章：递归（下） 栈、堆 一起看下之前的两个递归函数 isOdd(
1. 面试会问啊！总有一些面试官喜欢问你一段不可能这么写的代码。看一道经典且古老的面试题(学完本文后，文末会有一道更复杂的面试题等着你哦！)
本篇文章的所有例子来源都是《JS设计模式与开发实践》这本书，写这篇文章之前也去查阅了很多关于this指向问题的探讨，包括但不仅仅有像阮一峰老师，还有很多的博主的帖子，还是决定写这篇文章有以下几个原因，第一，加深自己的理解，重新理一遍关于这方面的知识，第二，我尽可能的使用通俗简单的说辞进行解释 力求让更多的人明白这个东西，第三，this是js中的一个关键字，很有必要单独拿出来写一篇文章。最后一个原因是记录以下拜读这本书的过程！
var friend=new Person("Nicholas",29,"Software Engineer");
相信 Javascript 中的 this 会使很多同学在工作学习中产生困惑，笔者也同样是，经过阅读各种资料及实际工作中的应用，做了以下梳理，主要内容包括长期以来大家对 this 的错误认识及 this 的绑定规则，箭头函数、实际工作场景中遇到的问题，希望对于有此困惑的你能有所帮助。
原文：http://exploringjs.com/es6/ch_tail-calls.html
最近正在看《你不知道的JavaScript》，里面关于this绑定机制的部分讲的特别好，很清晰，这部分对我们js的使用也是相当关键的，并且这也是一个面试的高频考点，所以整理一篇文章分享一下这部分的内容，相信看本文的解析，你一定会有所收获的，如果喜欢的话可以点波赞/关注，支持一下。
自从接触javascript以来，对this参数的理解一直是模棱两可。虽有过深入去理解，但却也总感觉是那种浮于表面，没有完全理清头绪。 但对于this参数，确实会让人产生很多误解。那么this参数到底是何方神圣？ 理解this this是一个与执行上下文（execution context，也就是作用域）相关的特殊对象。因此,它可以叫作上下文对象(也就是用来指明执行上下文是在哪个上下 文中被触发的对象)。 任何对象都可以做为上下文中的this的值 在一些对ECMAScript执行上下文和部分this
1.支持简单的广播通信，自动通知所有的监听者。 2.当页面载入后，被观察对象很容易与观察者有一种动态关联的关系，来增加灵活性。 3.被观察对象，与观察者之间的抽象耦合关系能够单独的扩展和重用。
HTML5学堂-码匠：计时器的第一个参数，包含几种不同的书写方法，可以是函数名，匿名函数，JS代码字符串，还有一些面试题当中会出现“函数调用”的书写方式。 那么，这些不同的书写方法分别表示什么呢？在计
函数名提升： script中脚本，在执行之前，会先把脚本中的所有的函数先进行编译解析，然后执行普通的js代码。
当函数被保存为一个对象的属性时，它就可称为这个对象的方法。当一个方法被调用时，this被绑定到这个对象上。如果调用表达式包含一个提取属性的动作（. 或 []），那么它被称为方法调用。例如：
同源策略，也叫跨域禁止策略； 阻止从一个域上加载的脚本，获取或操作另一个域上的资源；
可能会误以为window.doSth()是调用的，所以是指向window。虽然本例中window.doSth确实等于doSth。name等于window.name。上面代码中这是因为在ES5中，全局变量是挂载在顶层对象（浏览器是window）中。 事实上，并不是如此。
链接 | juejin.im/post/5d18d6eb6fb9a07edc0b6cc4
在JS 代码中，异步无处不在，Ajax通信，Node中的文件读写等等等，只有搞清楚异步编程的原理和概念，才能在JS的世界中任意驰骋，随便撒欢；
前端开发中，每天和我们见面最多的也许就是 this 关键字了，一直想总结一篇 this 的文章，然后看到了 Gentle Explanation of "this" in JavaScript ，总结的太好了，这里就翻译一下吧。
2、作为普通函数调用时，函数中的this指向全局对象，在浏览器环境中，指向的就是全局对象window
昨晚翻了一下，虽然都是一些旧知识，不过深入下去对照着其他资料一起看，还是能发现一些有意思的地方。
很多人看到this这个关键字就会感觉很恶心，因为this 关键字是 JavaScript 中最复杂的机制之一。它是一个很特别的关键字，被自动定义在所有函数的作用域中。但是即使是非常有经验的 JavaScript 开发者也很难说清它到底指向什么。
在我们之前的文章中，不管是讲作用域、闭包还是全局变量。Environment都作为关键部分，出现好多次。所以，今天我们从多方面来讨论一下Environment。（有些知识点可能在前面的文章中涉及到）
本文由图雀社区认证作者 婧婧 写作而成，点击阅读原文查看作者的掘金链接，感谢作者的优质输出，让我们的技术世界变得更加美好? 欢迎阅读阿里浩兄弟作品，头条刚的《你不知道的 Event Loop》： 《你
在这篇文章中，我们将讨论发布于 TypeScript 2.0 中的 non-nullable 类型，这是对类型系统的一个重大的改进，该特性可对 null 和 undefined 的检查。cannot read property 'x' of undefined 和 undefined is not a function 在 JS 中是非常常见的错误,non-nullable 类型可以避免此类错误。 null 和 undefined 的值 在 TypeScript 2.0 之前，类型检查器认为 null 和 undefined 是每种类型的有效值。基本上，null 和 undefined 可以赋值给任何东西。这包括基本类型，如字符串、数字和布尔值: let name: string; name = "Marius"; // OK name = null; // OK name = undefined; // OK let age: number; age = 24; // OK age = null; // OK age = undefined; // OK let isMarried: boolean; isMarried = true; // OK isMarried = false; // OK isMarried = null; // OK isMarried = undefined; // OK 以 number 类型为例。它的域不仅包括所有的IEEE 754浮点数，而且还包括两个特殊的值 null 和 undefined 对象、数组和函数类型也是如此。无法通过类型系统表示某个特定变量是不可空的。幸运的是，TypeScript 2.0 解决了这个问题。 严格的Null检查 TypeScript 2.0 增加了对 non-nullable 类型的支持，并新增严格 null 检查模式，可以通过在命令行上使用 ——strictNullChecks 标志来选择进入该模式。或者，可以在项目中的 tsconfig.json 文件启用 strictnullcheck 启用。 { "compilerOptions": { "strictNullChecks": true // ... } } 在严格的 null 检查模式中，null 和 undefined 不再分配给每个类型。null 和undefined 现在都有自己的类型，每个类型只有一个值
JavaScirpt 使用 Number 类型来表示数字（整数或浮点数），遵循 IEEE 754 标准，通过 64 位来表示一个数字（1 + 11 + 52）
今天是2019年12月17年，星期三。今天北京是个大晴天，我下楼遛弯的时候看到天灰常的蓝。2019年还有不到15天就结束了，各位宝宝年初的目标实现了几个呢？emmm，我还有一个目标没有实现，时间不多了，作为明年的目标吧，哈哈哈哈哈哈哈哈~
写了几篇Vue入门的内容了，今天写点其它的放松一下，简单讲讲javascript中的面相对象。 在面向对象的语言中，都有类的概念，当然es6中开始javascript中也有类的概念了，这里以es5为基础开始讲解，毕竟当前即使写的es6代码，一般还是会通过babel等转码器翻译到es5来执行的； 在js中虽然没有类的概念，但是我们却可以创建对象，一般创建对象有两种方式（这里指自定义对象）： 1、使用构造函数 function Person(){ } var p=new Person(); 2、使用字面量
JavaScript作用域为静态作用域static scope，但是在Js中的this却是一个例外，this的指向问题就类似于动态作用域，其并不关心函数和作用域是如何声明以及在何处声明的，只关心它们从何处调用，this的指向在函数定义的时候是确定不了的，只有函数执行的时候才能确定this到底指向谁，当然实际上this的最终指向的是那个调用它的对象。
点击上方蓝字，发现更多精彩 导语 Microtasks（微任务）是事件循环中一类优先级比较高的任务，本文通过一个有趣的例子探索其运行时机。从两年前被动接受知识 "当浏览器JS引擎调用栈弹空的时候，才会执行 Microtasks 队列"，到两年后主动深入探索源码后了解到的 "当 V8 执行完调用要返回 Blink 时，由于 MicrotasksScope 作用域失效，在其析构函数中检查 JS 调用栈是否为空，如果为空就会运行 Microtasks。"。同时文章中介绍了用于探索浏览器运行原理的一些工具。 一个
只要你踏入JavaScript 的世界，那么你一定会遇到 this 关键词。有许多人所 this 是 JavaScript 中最复杂的东西之一，也有人说 this 其实很简单......但是事实确实，有许多工作了好多年的小伙伴，在 this 指向问题上也常常出现错误。
记得差不多在两年多之前写过一篇文章 两句话理解js中的this[1]，当时总结的两句话原话是这样的：
而且这个解释，你在别的地方看不到。看懂这篇文章，所有关于 this 的面试题，都是小菜。
this是面向对象编程中的一个概念，一般指向当前方法调用所在的对象，但在JS中灵活很多，为什么这么说呢？那是因为：
This是什么？什么是this指针？this指针指向哪里？何时使用this？ useornotuse,thatisa question. 其中至关重要的 this指向问题，不仅自身麻烦，而且各类层出不穷的相关面试题更是让人应接不暇。既然这么麻烦，难倒无数js开发er，我们到底要做怎样的挣扎才能记住呢？且听下回...哦不，且往下看。
这个函数叫做匿名函数 — 它没有函数名! 它也不会自己做任何事情。 你通常使用匿名函数以及事件处理程序, 例如，如果单击相关按钮，以下操作将在函数内运行代码：
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议
