怎样使用 this

因为本人属于伪前端，因此文中只看懂了 8 成左右，希望能够给大家带来帮助....（据说是阿里的前端妹子写的）

this 的值到底是什么？一次说清楚

原载于前端开发指南，喜欢请关注。 你可能遇到过这样的 JS 面试题： var obj = { foo: function(){ console.LOG(this) } } var bar = obj.foo obj.foo() // 打印出的 this 是 obj bar() …

图解 JS 上下文与作用域

比较好的讲解 JS 的 this 问题

JavaScript This 之谜

【英文翻译】 JavaScript this 的详细分析 Gentle explanation of 'this' keyword in JavaScript（http://rainsoft.io/gentle-exp...）

你不懂 JS：类型与文法 第三章：原生类型

JavaScript 为基本类型提供了对象包装器，被称为原生类型（String，Number，Boolean，等等）。这些对象包装器使这些值可以访问每种对象子类型的恰当行为（String#trim()和 Array#concat(..)）。

如果你有一个像 "abc" 这样的简答基本类型标量，而且你想要访问它的 length 属性或某些 String.prototype 方法，JS 会自动地 “封箱” 这个值（用它所对应种类的对象包装器把它包起来），以满足这样的属性 / 方法访问。

JS 中 this 关键字详解

本文主要解释在 JS 里面 this 关键字的指向问题 (在浏览器环境下)。

理解 JavaScript 的 Object.defineProperty() 函数

JavaScript 基础要搞好

Javascript 深入浅出原型

JavaScript 使用 PRototypal 原型模型，虽然这经常被当作缺点提及，但是只要善于运用，其实基于原型的继承模型比传统的类继承还要强大。

JavaScript 特殊对象 Array-Like Objects 详解

JavaScript 特殊对象 Array-Like Objects 详解

用 Chrome 开发者工具分析 javascript 的内存回收（GC）

用 Chrome 开发者工具分析 javascript 的内存回收（GC）

[为什么 ++[[]][+[]]+[+[]] = 10？](https://juejin.im/entry/57ac8...

在 stackoverflow 问这个问题的人是个天才，回答这个问题的人更是一个天才

通过一张简单的图，让你彻底地、永久地搞懂 JS 的 == 运算

JavaScript 中的 == 是一种比较复杂运算，它的运算规则很奇怪，很容易让人犯错，从而成为 JavaScript 中 “最糟糕的特性” 之一。作者画了一张图让你会彻底地弄懂关于 == 运算的一切。

JavaScript30 中文指南 - 07 Array 基本操作指南二

继续熟悉 Array 的几对方法，包括 some/every，find/findIndex，slice/splice。请打开 HTML 后在 Console 面板中查看输出结果。

JavaScript 之闭包与高阶函数（一）

JavaScript虽是一门面向对象的编程语言，但同时也有许多函数式编程的特性，如Lambda表达式，闭包，高阶函数等。

Javascript 三招两式之对象继承 (上)

Javascript 这门语言对于习惯了众多传统 OOP 语言 (c++,Java 等) 的 coder 来说其实是一门很奇怪的语言, 因为 Javascript 的 OOP 方式是基于原型的, 而非传统的类继承, 本文为一系列文章之一，后续会发布出该系列的更多文章。

深入理解 Javascript 函数编程

深入理解 Javascript 函数编程

简单了解 javascript 对象的属性（一） —— 数据属性

简单介绍 JS 中对象属性的特性。

JavaScript 中的 this 陷阱的最全收集 - 没有之一

相信做过JavaScript开发的人都遇到过不少this的陷阱，我自己本身也遇到过不少坑，但是如果非要给出一个系统的总结的话，还没有足够的底蕴。恰巧看到了一篇有关于JavaScript this的解析：all this。于是，本着学习和共享的精神，决定将它翻译成中文

你想知道的关于 JavaScript 作用域的一切 (译)

深入理解关于 JavaScript 的作用域

JavaScript 中怎么不带括号的调用函数

JavaScript 中怎么不带括号的调用函数

本文将详细介绍在 JavaScript 中算法的用法，配合动图生动形象的让你以最快的方法学习算法的原理以及在需求场景中的用途。

JavaScript 中的 this

在 js 中，this 这个上下文总是变化莫测，很多时候出现 bug 总是一头雾水，其实，只要分清楚不同的情况下如何执行就 ok 了。
全局执行，纯粹的函数调用，作为对象的方法调用，作为一个构造函数使用，箭头函数，call, apply, bind 方法。

JavaScript 中创建对象的 7 种模式

ECMA-262 把对象定义为：” 无需属性的集合，其属性可以包含基本值、对象或者函数。” 严格来讲，这就相当于说明对象是一组没有特定顺序的值。

JavaScript 中词法作用域、闭包与跳出闭包

一般来说，在编程语言里我们常见的变量作用域就是词法作用域与动态作用域 (Dynamic ScoPE)，绝大部分的编程语言都是使用的词法作用域。词法作用域注重的是所谓的 WrITe-time，即编程时的上下文，而动态作用域以及常见的 this 的用法，都是 Run-Time，即运行时上下文。词法作用域关注的是函数在何处被定义，而

JavaScript 创建对象: 方法一览与最佳实践

在 JavaScript 中 “创建对象” 是一个复杂的话题。这门语言提供了很多种创建对象的方式，不论新手还是老手都可能对此感到无所适从，不知道应该选择哪一种。不过，尽管创建对象的方法很多，看上去语法差异也很大，但实际上它们的相似性可能比你所以为的要多。本文将带领你踏上一段梳理对象创建方法的旅程，为你揭示不同方法之间的依赖与递进关系。

apply、call 调用

apply、call 调用

JavaScript 函数中的外部变量——理解 this

s 中的 this 指向确实是个坑，网上有人轰轰烈烈地讨论它，讨论 js 闭包，其实并没有那么玄学，让我们一点点剥开它的面纱。

JavaScript 之 this 详解

JavaScript 支持函数式编程、闭包、基于原型的继承等高级功能。由于其运行期绑定的特性，JavaScript 中的 this 含义要丰富得多，它可以是全局对象、当前对象或者任意对象，这完全取决于函数的调用方式。本文就采撷些例子以浅显说明在不同调用方式下的不同含义。

详解 javascript 的 delete 运算

原文：Understanding delete 译文：javascript 中的 delete 译者：justjavac 在这篇文章中作者从《JavaScript 面向对象编程指南》一书中关于 delete 的错误讲起，详细讲述了关于 delete 操作的实现，局限以及在不同浏览…

深入认识 Document

前端开发中或多或少都要对 DOM 进行一些操作，比如我们常用的一些方法：document.getElementById("");document.querySelectorAll("");document.getElementsByClassName();document.createElement()...... 等等一系列的方法, 这些方式是从哪里来的呢？在哪里定义的呢？我们就一起来测试一下。

JavaScript 写类的前世今生

JavaScript 从诞生至今已经走过了 20 年的历程。它的前世 (1995~2015 年) 是一个长达 20 年没有类的世界，它的今生随着 2015 年 6 月 ES6 的发布迎来了有类的时代。JavaScript 从无 “类” 到有“类”，经历了从 ES1 到 ES6 的阶段。

你不知道的高性能 JavaScript

想必大家都知道，JavaScrip 是全栈开发语言，浏览器，手机，服务器端都可以看到 JS 的身影。 本文会分享一些高效的 JavaScript 的最佳实践，提高大家对 JS 的底层和实现原理的理解。

JS 的 new 到底是干什么的？

作者：方应杭链接：https://zhuanlan.zhihu.com/p/...。商业转载请联系作者获得授权，非商业转载请注明出处。 大部分讲 new 的文章会从面向对象的思路讲起，但是我始终认为，在解释一个事物的时候，不应该引入另一个更复杂的事物。…

JavaScript 原型链

JavaScript 原型链工作原理

JavaScript 中变量的有效性判断

JavaScript 语言设计的不严谨，有时候很容易把人给搞晕，比如说这个变量有效性判断。

如何优雅地写 JS 异步代码

本文通过一个简单的需求：读取文件并备份到指定目录（详见第一段代码的注释），以不同的js代码实现，来演示代码是如何变优雅的。

对 ES6 箭头函数中 this 值的探究

ES6 新增了箭头函数用于改善以前使用 function 定义函数时，关于 this 值的一些奇特行为，这篇文章探究了关于箭头函数中 this 得行为。

浅谈 javascript 中的垃圾收集机制

本文较为全面的介绍了 javascript 中的垃圾收集机制，希望在充实自己的同时，也能够给想要了解这方面知识的人一些小小的帮助，谢谢。

Javascript 深浅拷贝

Javascript 深浅拷贝

JavaScript 之 this 详解

JavaScript 作为一种脚本语言身份的存在，因此被很多人认为是简单易学的。然而情况恰恰相反，JavaScript 支持函数式编程、闭包、基于原型的继承等高级功能。由于其运行期绑定的特性，JavaScript 中的 this 含义要丰富得多，它可以是全局对象、当前对象或者任意对象，这完全取决于函数的调用方式。

不再彷徨：完全弄懂 JavaScript 中的 this（译文总结）

JavaScript 中的 this 是动态的，它在函数运行时被确定而非在函数声明时被确定。所有的函数都可以调用 this，这无关于该函数是否属于某个对象。关于 this，主要有以下四种情况。

JavaScript 中的命名空间

JavaScript 中的命名空间

this - 想说爱你不容易

javascript 中的 this 是啥东西？为啥我们经常被他搞得晕头转向不知所以？他是恶魔？是天使 ？是怪胎？让我们一起来揭开它那神秘的面纱。