web开发学习总结之js中调用函数时this对象含义

最新推荐文章于 2020-11-24 13:27:58 发布
最新推荐文章于 2020-11-24 13:27:58 发布
阅读量145 收藏
点赞数
分类专栏： web 文章标签： web js this
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sinat_25415095/article/details/103430385
版权

我们调用函数的方式有哪些？这些调用函数的方式，里面的this是谁？

  • 直接用()运算符来调用函数，那么函数里面的this指的是window对象
  • 函数如果绑定给了某个HTML元素的事件上，那么函数里面的this就是这个HTML对象
  • 用定时器调用函数，函数内部的this就是window对象
  • 用对象打点（方法）来调用函数，函数里面的this指的是这个对象
  • 用apply、call，可以人工设置this是谁了，百变
  • 当一个函数用new调用的时候，this就是隐秘创建的空对象，函数里面的语句将被执行，并且返回新对象
WangShade
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
web前端高级JavaScript - JavaScript中函数内的this指向
lixiaosenlin的专栏
09-09 5869
函数内的this指向 下表中列出的这些this的指向，是当我们调用函数的时候确定的。调用方式的不同决定了this的指向不同，一般情况下会指向函数的调用者（谁调用指向谁）。 调用方式 this指向 普通函数调用 window 构造函数调用 实例对象，原型对象里的方法也指向实例对象 对象方法调用 该方法所属对象 事件绑定方法 绑定事件对象，如button 定时器函数 window 立即执行函数 window 下面我们用代码来一一进行验证：
JS函数里的this的含义，什么情况下怎么用
热门推荐
splendid_can的博客
11-26 1万+
this是Javascript语言的一个关键字。它代表函数运行时，自动生成的一个内部对象，只能在函数内部使用。随着函数使用场合的不同，this的值会发生变化。但是有一个总的原则，那就是this指的是，调用函数的那个对象。     情况一：纯粹的函数调用     这是函数的最通常用法，属于全局性调用，因此this就代表全局对象Global。     　　function test(){
函数四种调用模式以及其中的this指向
weixin_33835690的博客
01-16 96
第一种：函数直接执行模式 function add(a,b){ console.log(this); return a+b; } add(10,20)//this===window 第二种：对象方法的调用模式 var obj={ name:'aaa', ...
045-Web前端-JS-this对象
快要脑溢血的LEE
06-24 127
this对象 #6.24 概念： this代表 函数运行时 自动生成的一个 用来 指代函数调用者 的对象，this只能在函数内部使用。 举例： function test(){ console.log(this); } test();//指向window，因为函数的调用者默认是window document.addEventListener(‘click’,test);//指向document节点 document.querySelector(‘div’).addEventListe
JS中this的指向（哪个对象调用函数，函数里面的this指向哪个对象。）
qq_38969618的博客
10-15 1086
确定函数中this的指向：不要看函数定义代码，只看函数调用代码！this只指向对象，哪个对象调用了函数，该函数里面的this就指向谁！如果一个函数明确的调用者，则this就默认指向window对象！ 备注： ES6的箭头函数很特殊，箭头函数没有this，箭头函数里面的this继承外面的环境！即箭头函数外面环境的this指向谁，箭头函数的this就指向谁。 ...
JavaScript函数、闭包、原型、面向对象学习笔记
10-18
JavaScript是一种强大的动态编程语言，尤其在Web开发中占据着核心地位。本文将深入探讨JavaScript中的几个关键概念：函数、闭包、原型和面向对象。理解这些概念是掌握JavaScript的基石。 1. **函数** 在JavaScript...
WEB开发 之 JavaScript 函数.docx
09-26
JavaScript 函数是编程中至关重要的一个概念，尤其在Web开发中，它们被广泛用于构建交互式的网页。函数是一段可重用的代码块，能够根据需要执行特定的任务。JavaScript 函数可以由事件触发，比如用户点击按钮，或者...
Web程序开发：第14章 JavaScript面向对象.pdf
05-17
`this`关键字在JavaScript中用于指向调用当前方法的对象。它使得函数可以在不同上下文中复用，而不必知道实际使用的对象名称。例如，`showColor`函数通过`this.color`来访问调用它的对象的颜色。 14.2.2 创建对象的...
js中函数、方法、对象的区别.docx
07-05
JavaScript是Web开发中不可或缺的一部分，其中函数、方法和对象是核心概念。理解它们之间的区别对于编写高效、可维护的代码至关重要。 一、函数 函数在JavaScript中扮演着代码复用的角色，它是一小段可执行的代码块...
C#后台调用前台JS函数方法
08-26
在开发Web应用程序时，有时需要在服务器端（C#后台）与客户端（前端JavaScript）之间进行交互。本文将详细介绍三种不同的方法，使C#后台能够调用前台的JavaScript函数。 ### 方法一：通过HTML控件注入JavaScript ...
函数不同调用模式下this所指代的对象
weixin_34112208的博客
08-21 189
2019独角兽企业重金招聘Python工程师标准>>> ...
JavaScript 中7种函数调用方式及对应this值
jerryisme的专栏
05-05 561
this 在 JavaScript 开发中占有相当重要的地位，不过很多人对this这个东西都感觉到琢磨不透。要真正理解JavaScript的函数机制，就非常有必要搞清楚this到底是怎么回事。 函数调用方式不同，this 含义也跟着不同。JavaScript语言中有七种调用函数方式：   第一种：调用方法 var obj = {     method: function() {
this指的是，调用函数的那个对象。
weixin_30345055的博客
11-30 98
恩 http://www.ruanyifeng.com/blog/2010/04/using_this_keyword_in_javascript.html 转载于:https://www.cnblogs.com/darr/p/5006945.html
$this是什么意思-成员变量和局部变量的调用
bangshiyan4213的博客
06-24 253
关键字$this代表其所在的当前对象 使用当前对象的属性和方法 $this->取值 方法内的局部变量 不能用$this 关键字取值 /* 和java,c++相比 方法体内想访问调用者的属性,必须用$this 如果不加,则理解为方法内部的一个局部变量. */ 要调用全局变量：必须用$this来调用 例子class A extends Adminba...
this调用语句必须是构造函数中的第一个可执行语句_javascript之闭包和原型（第七节 this）Web 前端知识分享...
weixin_39777163的博客
11-24 135
this在函数中this到底取何值，是在函数真正被调用执行的时候确定的，函数定义的时候确定不了，因为this的取值是执行上下文环境的一部分，每次调用函数，都会产生一个新的执行上下文环境。构造函数所谓构造函数就是用来new对象的函数。其实严格来说，所有的函数都可以new一个对象，但是有些函数的定义是为了new一个对象，而有些函数则不是。另外注意，构造函数的函数名第一个字母大写(规则约定)函数作为对象...
js中的this和函数的调用
zhuyi的博客
09-13 1608
this是什么this是在执行环境上下文中被指定好的，也就是在一个函数调用但是还没有开始执行的时候设定好的。它和作用域在函数声明的时候公共部分就设定好了不一样，它是看，当这个函数作为某个对象的方法调用时，谁调用了它，它就指谁。在js权威指南中，函数的调用分为四种情况： 作为函数 作为方法 作为构造函数 通过它们的apply和call方法调用 纯粹的函数调用这种纯粹的函数调用，通常指的环境是全局，th
javascript this 对象详解
前端琅琊阁
11-26 1065
接着上篇文章的函数的重要属性arguments对象之后，我们今天讲函数属性的另外一个非常重要的属性 this对象。 相关阅读： javascript 函数详解1 -- 概述javascript 函数详解2 -- argumentsJavascript 函数详解3 -- this对象 Javascript 函数详解4 -- 函数的其他属性 Javascript 函数详解5 -- 函数
WEB-面试题-第三阶段面试真题
最新发布
06-27
在WEB开发的面试过程中，第三阶段的题目通常涉及更深入的JavaScript技术和理解，以及对构造函数、作用域、上下文和复杂函数调用的理解。以下是几个关键知识点的详细解析： 1. **JavaScript高级概念与函数作用域** ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值