AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

web前端-JavaScript中的this指向

2022-07-10 78
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 什么是this指向解析器在调用函数每次都会向函数内部传递一个隐含的参数,这个隐含的参数就是this.this指向的是一个对象,这个对象我们称为函数执行的上下文对象。

文章目录

什么是this指向

this的指向规则

什么是this指向

解析器在调用函数每次都会向函数内部传递一个隐含的参数,这个隐含的参数就是this.

this指向的是一个对象,这个对象我们称为函数执行的上下文对象。


this的指向规则

根据函数的调用方式的不同,this会指向不同的对象


1 以函数的形式调用时,this永远都是window

image.png

2 以方法的形式调用时,this就是调用方法的那个对象

image.png



文章标签：
JavaScript
前端开发
关键词：
web前端
web Javascript
前端web
前端javascript
JavaScript Web
游客hpxpwccdlvhye
目录
相关文章
石小石Orz
|
4天前
|
开发框架 前端开发 Java
【前端学java】SpringBootWeb极速入门-实现一个简单的web页面01
【8月更文挑战第12天】SpringBootWeb极速入门-实现一个简单的web页面01
石小石Orz
15 3
【前端学java】SpringBootWeb极速入门-实现一个简单的web页面01
游客5fdji2pvmf8888
|
1天前
|
缓存 前端开发 JavaScript
高效开发现代 Web 应用：从前端到后端的最佳实践
在开发现代 Web 应用时，前端和后端技术的选择对项目的性能、可维护性和用户体验至关重要。本文将探讨如何通过现代工具和框架来优化前端和后端开发流程。我们将分析前端技术（如 React 和 Vue.js）与后端技术（如 Node.js 和 Django）的集成，并提供实际案例来展示如何实现高效开发。无论是对新手还是经验丰富的开发者，本指南都提供了宝贵的洞见和实用的技巧，以帮助提高开发效率并构建出色的 Web 应用。
游客5fdji2pvmf8888
7 2
叫个什么名字
|
1天前
|
缓存 编解码 前端开发
优化Web应用性能的前端技巧：从加载时间到用户体验
在现代Web开发中，提升前端性能不仅仅是为了缩短页面加载时间，更是为了提供更流畅的用户体验。本文将探讨几种有效的前端优化技术，包括懒加载、代码拆分、资源压缩以及浏览器缓存策略。通过具体实例和最佳实践，读者将能够掌握如何系统地提高Web应用的响应速度，减少资源消耗，并最终改善用户的整体体验。
叫个什么名字
7 2
代码掌控者
|
4天前
|
前端开发 JavaScript 程序员
聊聊前端 JavaScript 的扩展运算符 “...“ 的使用场景
聊聊前端 JavaScript 的扩展运算符 “...“ 的使用场景
代码掌控者
13 4
温轻舟
|
6天前
|
前端开发 JavaScript
Web前端项目（一）- 迷宫游戏
【8月更文挑战第13天】本项目采用HTML页面，结合了JS和CSS创建一个简单的迷宫游戏，游戏特色包括自动寻路功能和可进行迷宫路线的更新。页面整体采用“毒药水式”的色彩搭配，给人一种迷幻，科技之感。并且为了大家能够二次创作，我在代码中标明了详细的注释
温轻舟
30 0
Web前端项目（一）- 迷宫游戏
yinying293
|
11天前
|
存储 JavaScript 前端开发
后端程序员的前端基础-前端三剑客之JavaScript
后端程序员的前端基础-前端三剑客之JavaScript
yinying293
13 4
米码收割机
|
10天前
|
前端开发
【前端】校园二手书交易系统javascript+css+html （源码）【独一无二】
【前端】校园二手书交易系统javascript+css+html （源码）【独一无二】
米码收割机
20 1
亚当·
|
3天前
|
JavaScript 前端开发 测试技术
Web中的JavaScript
Web中的JavaScript
亚当·
10 0
代码掌控者
|
4天前
|
前端开发 JavaScript 程序员
前端 JavaScript 的 _ 语法是个什么鬼？
前端 JavaScript 的 _ 语法是个什么鬼？
代码掌控者
10 0
阿福的工作室
|
4天前
|
前端开发 JavaScript
前端 JavaScript 与 HTML 怎么实现交互
前端 JavaScript 与 HTML 怎么实现交互
阿福的工作室
15 0

热门文章

最新文章

  • 1
    从破解某设计网站谈前端水印(详细教程)
  • 2
    前端学习笔记（7）css选择器（一）
  • 3
    移动前端框架重构几个关键问题
  • 4
    【初探移动前端开发03】jQuery Mobile（上）
  • 5
    无限连接：前端跨页面通信的实现与应用
  • 6
    前端js代码一句话模拟Ctrl+A全选网页内容效果document.execCommand(‘selectAll‘)；
  • 7
    前端学 Ruby：安装Ruby、Rails
  • 8
    前端桌面应用开发：Electron介绍与实践（3）
  • 9
    微前端-qiankun：nuxt2 接入 nuxt2
  • 10
    前端工作总结241-uni-状态不同选择
  • 1
    【JavaScript 与 TypeScript 技术专栏】JavaScript 与 TypeScript 的未来发展趋势
    97
  • 2
    【JavaScript与TypeScript技术专栏】TypeScript如何帮助JavaScript开发者避免常见错误
    28
  • 3
    【JavaScript与TypeScript技术专栏】使用TypeScript优化JavaScript应用性能
    55
  • 4
    【JavaScript 与 TypeScript 技术专栏】TypeScript 在 Web 开发中的前沿应用
    38
  • 5
    【JavaScript与TypeScript技术专栏】JavaScript与TypeScript混合编程模式探讨
    74
  • 6
    【JavaScript与TypeScript技术专栏】TypeScript在JavaScript库与框架开发中的作用
    37
  • 7
    【JavaScript 与 TypeScript 技术专栏】TypeScript 如何提升 JavaScript 代码的可读性与可维护性
    49
  • 8
    【JavaScript与TypeScript技术专栏】TypeScript在JavaScript项目中的渐进式采用
    43
  • 9
    【JavaScript与TypeScript技术专栏】从JavaScript迁移到TypeScript的最佳实践
    38
  • 10
    【JavaScript 与 TypeScript 技术专栏】JavaScript 与 TypeScript 的对比与选择
    85

    • 相关课程

    更多
  • 企业Web常用架构LAMP-LNMP实战
  • 前端开发CSS基础
  • 前端开发框架Bootstrap使用教程
  • 高校精品课-西安交通大学-Web 编程技术
  • Java Web项目实战 - 图书商城
  • Java面试疑难点解析 - Java Web开发

    • 相关电子书

    更多
  • Web应用系统性能优化
  • 高性能Web架构之缓存体系
  • PWA:移动Web的现在与未来

    • 相关实验场景

    更多
  • 基于ECS搭建Java Web开发环境
  • 搭建Java Web开发环境
  • Internet Information Services（IIS）部署Web项目
  • 云上Web及FTP
  • WEB网页编程实战
  • 前端开发基础1：前端开发环境的安装和配置
    • 下一篇
    通义千问API入门教程