js 中的this

末蓝、 2021-12-10 03:49 347阅读 0赞

与其他语言相比，函数this在 JavaScript 中的表现略有不同，此外，在严格模式和非严格模式之间也会有一些差别.在绝大多数情况下，函数的调用方式决定了this的值。this不能在执行期间被赋值，并且在每次函数被调用时this的值也可能会不同。ES5引入了bind方法来设置函数的this值，而不用考虑函数如何被调用的，ES2015 引入了支持this词法解析的箭头函数（它在闭合的执行上下文内设置this的值）。

(1)无论是否在严格模式下，在全局执行上下文中（在任何函数体外部）this 都指代全局对象。

// 在浏览器中, window 对象同时也是全局对象：  
console.log(this === window); // true  
  
a = 37;  
console.log(window.a); // 37  
(2)在函数内部，this的值取决于函数被调用的方式

function f1()\{  
　　return this;  
\}  
//在浏览器中：  
f1() === window; //在浏览器中，全局对象是window  
  
//在Node中：  
f1() === global;

然而，在严格模式下，this将保持他进入执行上下文时的值，所以下面的this将会默认为undefined。

function f2()\{  
　　"use strict"; // 这里是严格模式  
　　return this;  
\}  
  
f2() === undefined; // true

如果要想把 this 的值从一个上下文传到另一个，就要用 call 或者apply 方法。

// 将一个对象作为call和apply的第一个参数，this会被绑定到这个对象。  
var obj = \{a: 'Custom'\};  
  
// 这个属性是在global对象定义的。  
var a = 'Global';  
  
function whatsThis(arg) \{  
return this.a; // this的值取决于函数的调用方式  
\}  
  
whatsThis(); // 'Global'  
whatsThis.call(obj); // 'Custom'  
whatsThis.apply(obj); // 'Custom'  
当一个函数在其主体中使用 this 关键字时，可以通过使用函数继承自Function.prototype 的 call 或 apply 方法将 this 值绑定到调用中的特定对象。

转载于:https://www.cnblogs.com/FineDay/p/10894819.html

发表评论取消回复

表情：

评论列表（有 0 条评论，347人围观）

还没有评论，来说两句吧...

相关阅读

相关 JS中的this

对this指向大致的定义 > this的指向在函数定义的时候是确定不了的，只有函数执行的时候才能确定this到底指向谁，实际上this的最终指向的是那个调用它的对象

冷不防/ 2022年11月09日 14:20/ 0 赞/ 186 阅读

相关 JS中的this指向

this指向：与我们常见的很多语言不同，JavaScript 函数中的 `this` 指向并不是在函数定义的时候确定的，而是在调用的时候确定的。换句话说，函数的调用方式

淡淡的烟草味﹌/ 2022年11月01日 01:51/ 0 赞/ 245 阅读

相关 js中this的指向

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" />

短命女/ 2022年09月14日 09:12/ 0 赞/ 236 阅读

相关 js 中this 的陷阱

原文地址：https://segmentfault.com/a/1190000002640298 当有人问起你JavaScript有什么特点的时候，你可能

待我称王封你为后i/ 2022年08月23日 03:52/ 0 赞/ 172 阅读

相关 JS中的this指向

1、普通函数： this指向 window function foo() { function fn() {

以你之姓@/ 2022年06月09日 09:07/ 0 赞/ 270 阅读

相关 js中的this

因为js语言的灵活性导致js中的this也比较个性 this指向windows 对象 (function(global){ console.log(global

╰半夏微凉°/ 2022年06月02日 12:23/ 0 赞/ 196 阅读

相关 js中的_this

问题一: 不知道楼主有没有接触过jquery jquery里边有一个特别典型的例子能说明用_this的作用 $("btn").click(functio

素颜马尾好姑娘i/ 2022年05月26日 03:06/ 0 赞/ 194 阅读

相关 js中的this指向

首先必须要说的是，this的指向在函数定义的时候是确定不了的，只有函数执行的时候才能确定this到底指向谁，实际上this的最终指向的是那个调用它的对象。为什么要学习t

谁践踏了优雅/ 2022年05月06日 06:27/ 0 赞/ 235 阅读

相关 JS中的this理解

[2019独角兽企业重金招聘Python工程师标准>>> ][2019_Python_] ![hot3.png][] 在JS中,this是动态绑定的,而java等其他面向对

不念不忘少年蓝@/ 2022年01月16日 04:49/ 0 赞/ 223 阅读

相关 js 中的this

与其他语言相比，函数this在 JavaScript 中的表现略有不同，此外，在严格模式和非严格模式之间也会有一些差别.在绝大多数情况下，函数的调用方式决定了this的值。th

末蓝、/ 2021年12月10日 03:49/ 0 赞/ 348 阅读