Javascript笔记之this 与arguments

最新推荐文章于 2025-12-11 16:09:33 发布
转载 最新推荐文章于 2025-12-11 16:09:33 发布 · 176 阅读 · 0 ·
CC 4.0 BY-SA版权
原文链接：http://www.cnblogs.com/zdjBlog/p/11558558.html
文章标签：

#javascript #ViewUI

本文详细解析了JavaScript中this的不同应用场景及其指向变化，并介绍了arguments对象的相关特性，同时提及了apply与call方法使用时的一些注意事项。

this在javascript作用非常之多，看几种不同的this

1. 全局的this（浏览器），代表的是window

2.一般函数的this(浏览器)，一般函数中的this代表window

3.作为对象方法的函数的this，this指向对象本身

4.对象原型链上的this

5.get/set方法与this

6.构造器中的this

 

7.call/apply方法与this

 8.bind方法，bind是将对象直接绑定，如下图所示，如果直接绑定的是对象，则this指向绑定的对象。

 

接下来了解arguments的一些知识

最后简单说一下apply与call方法的一些坑

 

 

 

 

转载于:https://www.cnblogs.com/zdjBlog/p/11558558.html

dingping0123
关注
尚硅谷JavaScript高级学习笔记
javaThinker的专栏
03-08 1572
JavaScript中函数是对象。我们后续描述构造函数的内存模型时，会将构造函数称为构造函数对象。typeof 运算符来查看值的类型，它返回的是类型的字符串值 会做数据转换 输出： 每个函数都有一个prototype属性，它默认指向一个0bject空对象(即称为:原型对象) 给原型对象添加属性、方法，函数的所有实例对象自动拥有原型中的属性(方法) 16、显式原型和隐式原型 和 中保存的都是原型对象的地址值。Fun的prototype、f的__proto__属性什么时
JavaScript 模块化规范 笔记
2301_79083000的博客
11-06 921
模块化
4 JS函数(arguments和this、绑定bind)
前端知识库
04-21 447
JS的三座大山：原型链 、this、 AJAX arguments和this 每个函数都有，除了箭头函数（新语法） 1.arguments 是包含所有参数的伪数组 代码 function fn(){ console.log(arguments) } fn() 如何传arguments 1.调用fn即可传arguments 2.fn(1,2,3)那么arguments就是[1,2,3]的伪数组 因为给定参数后，发现是一个数组，但是没有数组的共有属性，因此是一个伪数组 Array.from()可
JavaScript函数式编程（0）：函数基础 arguments、this、apply()、call()
weixin_34198453的博客
10-10 203
1 函数参数 函数的实参和形参个数可以不等，之所以会这样，原因是 ECMAScript 中的参数在内部是用一个数组来表示的。函数接收到的始终都是这个数组，而不关心数组中包含哪些参数（如果有参数的话）。如果实参个数大于形参个数，多余的实参不传递值，但是在arguments中可以访问；如果形参个数大于实参，没有传递值的实参将自动被赋予 und...
七、对象基础 (三) -- this对象和arguments对象
weixin_45602227的博客
07-28 379
一、数组（Array） 1.数组也是一个对象 2.数组与普通对象的不用之处在于 对象使用属性名操作属性。 数组使用索引值操作元素。 索引值：从0开始的整数。 3、typeof arr 会返回object。 1、数组中的元素可以是任意数据类型。 2、数组的长度可以任意改变。过长缺位的为undefined。过短缺位的被删除。 1.1 操作数据 1） 创建数组对象 创建数组对象 var arr=new Array(); var ar
js笔记——this和arguments
芊雨的博客
05-14 463
this 函数预编译过程this–>window function test(c) { var a = 123; function b() {} } test(1); // 预编译的时候生成AO对象： // AO{ // arguments:[1], // this:window, // c:1, // a:undefined, // ...
JavaScript笔记
YANKUOP的博客
01-20 1896
JavaScript学习记录
JavaScript学习笔记
m0_58533479的博客
08-22 1257
return x;一旦执行到return 代表函数结束，返回结果！如果没有执行return，函数执行完也会返回结果，结果就是undefinedreturn x;function(x){...} 这是一个匿名函数，但是可以吧结果赋值给abs，通过abs就可以调用函数！两种定义方式等价调用函数abs(10)abs(-10)参数问题：JavaScript 可以传任意个参数，也可以不传递参数！假设不存在参数，如何规避？
JavaScript笔记整理
qq_43174912的博客
03-21 4607
title: JavaScript tags: JavaScript notebook: 2022年3月21日之前笔记 2022 年 3 月 18 日 大数据类型使用 bigInt null 有数据位置但是没有数据，undefined 是完全没有数据位置 object{} 对象，array[]数组 if 中如果没有写判断语句则括号中的内容会被转换成布尔类型（隐式转换） false ： null nuderfined 0 " " NaN switch 的 key 和 val 的比较.
JavaScript学习笔记之函数记忆
12-08
return cache[key] = f.apply(this, arguments); } }; } ``` 在这个实现中，`key`是参数的组合字符串，用于在缓存中查找结果。然而，这种方法有一个问题，即当参数是对象时，`join`方法会将它们转换为`[Object ...
JavaScript学习笔记之ES6数组方法
10-22
类数组对象必须有`length`属性，比如函数的`arguments`对象、`document.querySelectorAll`返回的NodeList对象等。`Array.from()` 接受三个参数：要转换的对象、映射函数和可选的`this`上下文。这个方法非常灵活，既...
javascript全程笔记
qq_38850792的博客
03-17 1104
2.类型转换 （1）隐式类型转换： （2）显式类型转换（强制类型转换） 3.进制转换 （1）其他进制转换成10进制 （2）十进制转换成其他进制 4. 常用方法 (1)任何涉及NaN的操作，都返回NaN (2)NaN与任何值都不相等，包括t他本身NaN 5、常见面试题 6、Boolean类型 Boolean() 7. undefined类型 1、 变量只声明，未赋值 2、 alert( c ) //报错 3、函数没有返回值，默认undefined
javascript 性能优化实战：异步和延迟加载
小伙伴们全都Lucky！
12-11 573
本文探讨JavaScript性能优化中的异步加载与延迟加载技术。异步加载通过async/defer属性或动态创建script元素避免阻塞渲染；延迟加载则利用IntersectionObserver API按需加载非关键资源。二者结合可显著提升性能：异步加载核心脚本确保交互流畅，延迟加载减少初始请求量。实践表明，该方案能降低DOMContentLoaded时间30%以上，减少初始加载量90%，但需注意async脚本的执行顺序问题和延迟加载的回退处理。文中提供了完整的代码实现示例。
基于Java旅游信息推荐系统(源码+数据库+文档)
JIngJaneIL的博客
12-08 1152
本文介绍了基于SpringBoot+Vue的旅游信息推荐系统和学生成绩管理系统开发项目。系统采用前后端分离架构，后端使用SpringBoot框架简化企业级开发，前端采用Vue.js实现响应式界面，数据库选用MySQL。文章详细说明了系统设计原则、技术选型理由，并提供了代码示例和测试案例。项目包含完整功能演示视频，所有源码经过验证可正常运行。同时提供最新计算机毕业设计选题参考，文末附有源码获取方式。系统适用于大学生项目实战开发，具有模块化设计、安全性强等特点。
第十篇：Day28-30 工程化优化与部署——从“能跑”到“好用”（对标职场“项目上线”需求）
2402_87628679的博客
12-11 572
gzip on;性能优化：掌握Vite的资源压缩、Tree Shaking、代码分割配置，能实现路由/组件懒加载、虚拟滚动等渲染优化，理解gzip/br压缩的原理和后端配置；兼容性处理：能通过`@vitejs/plugin-legacy`和autoprefixer适配低版本浏览器，理解`browserslist`的作用，知道Vue 3的兼容性限制；多环境配置：能创建多环境变量文件，在项目中使用`import.meta.env`访问环境变量，区分开发/测试/生产环境的配置；项目部署。
ESM (ES Modules) 和 CJS (CommonJS)
Irene1991的博客
12-11 573
ESM和CJS是JavaScript的两种模块系统。ESM是ES6引入的现代标准，采用静态编译时加载，支持TreeShaking；CJS是Node.js传统方式，采用动态运行时加载。ESM语法为import/export，CJS为require()/module.exports。新项目推荐ESM，维护旧项目可使用CJS。两者可互相调用：ESM通过createRequire调用CJS，CJS通过动态import()调用ESM。配置时需注意文件扩展名和package.json的type字段声明。ESM代表Jav
第十一篇：Day31-33 前端安全与性能监控——从“能用”到“安全可靠”（对标职场“系统稳定性”需求）
最新发布
2402_87628679的博客
12-11 1009
对于小型项目或特定业务场景，可通过自定义埋点实现核心指标监控，无需接入复杂工具。// src/utils/monitor.js（自定义监控工具） import axios from 'axios';// 监控数据上报接口（后端提供） const MONITOR_UPLOAD_URL = '/api/monitor/upload';
华为云 DevUI初体验：如何快速入门项目搭建
康宝的博客
12-10 373
本文详细介绍了基于Angular 18和华为云DevUI的企业级Web应用开发环境搭建流程。主要内容包括：Node.js 20+环境准备、Angular CLI 18安装、项目初始化配置（选择SCSS样式）、DevUI组件库及图标库的安装。文章重点说明了如何在项目中正确配置DevUI样式和模块，并演示了基础组件的使用。通过这套技术方案，开发者可以快速构建具备丰富UI组件支持的企业级应用，提高开发效率。
JavaScript学习笔记整理与核心知识点总结
在“自己学习js过程中的笔记”这一资料中，涵盖了JavaScript的基础语法、变量定义、数据类型、函数使用、对象与数组操作等核心知识点，是初学者系统掌握JavaScript语言的重要参考资料。 首先，在JavaScript中，变量...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符  | 博主筛选后可见
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值