自执行函数+this指向

最新推荐文章于 2023-01-22 20:32:26 发布
最新推荐文章于 2023-01-22 20:32:26 发布
阅读量802 收藏 1
点赞数
分类专栏： JavaScript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xiaomin_er/article/details/119832110
版权
本文探讨了JavaScript中的自执行函数及其用途，包括保护变量私有化和避免全局污染。同时，深入讲解了this指向的不同情况，如全局、函数内部、箭头函数、定时器和事件处理函数中的行为。还介绍了改变this指向的方法，如call、apply和bind的使用及其特点。
摘要由CSDN通过智能技术生成
自执行函数
  • 一个会自己调用自己的函数
  • 当这个函数定义好之后，直接被调用
    自定义函数的意义：
    + 利用函数的私有作用域，保护变量私有化
    + 不去污染全局
    语法：
=> (funciton(){
   })()
=> ~function(){
   }(
最低0.47元/天 解锁文章
敏儿啦
关注
专栏目录
关于函数中的this指向问题
RoddyLD的博客
05-05 3727
关于函数中的this指向问题前言一、普通函数中this指向二、对象里面的this指向三、函数表达式中的this指向四、立即执行函数的this指向五、定时器计时器中this的指向六、箭头函数里面的this指向七、构造函数里面的this指向7.1当作普通函数进行调用7.2 作为构造函数使用的时候7.3当this关键字 遇上return八、总结 前言 函数在执行时，会在函数体内部自动生成一个this指针。谁直接调用产生这个this指针的函数，this就指向谁。 提示：以下是本篇文章正文内容，下面案例可供参考
自执行函数以及它的this指向
jianchibuxie0的博客
06-26 1879
(function(){ console.log(this.foo);//this指向的是window })(); 自执行函数的this都指向window
自执行函数和this指向的问题
qq_52068757的博客
04-20 490
自执行函数 // 函数的自我执行：函数不需要调用，声明后就立即执行 (function fn(){ console.log(111) })() 也可以在最后的的括号传参数 (function fn(a,b){ // console.log(a+b) // })(3,4) 也可以用一个变量来接收 var result = (function fn(a,b){ return a*b })(3,4) // 有一个变量接收结果，第一个小括号可以省略。像这样 var result = f
JS复习-12-自执行函数、this指向及改变
qq_36158581的博客
04-11 476
自执行函数 函数调用的一种方式 function fn() {}, fn() 语法: 1. (function () {})() 2. ~function () {}() 3. !function () {}() 作用： 一般是单独书写 js 文件的时候使用 => 为了保护变量不污染全局 => 每一个 js 文件里面初始化使用一个自执行函数包裹 => 把需要别的文件使用的变量挂载在全局
普通函数直接调用、自执行函数this
Mikeylllllll的博客
10-13 663
函数this指向、内部函数与外部函数
JS函数–this指向
qq_40792800的博客
05-23 245
函数名（）自执行，那么this指向的就是window 函数自执行的时候，是处于全局环境下的，所以 this 指向 window function Fn() { console.log(this) } Fn(); //函数自执行，this指向window 作为对象方法调用，this 指向该对象 var o = { m: function test() { console.log(this); } }; o.m(); // {m ..
解决使用attachEvent函数时，this指向被绑定的元素的问题的方法
10-30
### 解决使用attachEvent函数时，this指向被绑定的元素的问题的方法 在Web开发中，尤其是在处理Internet Explorer（IE）浏览器兼容性问题时，我们经常会遇到`attachEvent`函数中的`this`指向问题。默认情况下，`...
JS匿名函数内部this指向问题详析
10-17
// 输出 "window"，因为sayTwo返回的匿名函数在全局作用域中调用，this指向全局对象 ``` 在这个例子中，`sayOne`的`this`指向调用它的`person`对象，而`sayTwo`虽然也在`person`上调用，但其返回的匿名函数在全局...
高级js系列3 函数运行机制 this指向
lin_fightin的博客
10-10 309
其他类型转为字符串 1 val.toString 2 String(val) 区别： String转为原始类型的时候，基于引号包起来，binInt回去掉n 转化对象的时候， 其解析顺序就是调用对象的Symbol.primitive、valueOf、 如果valueOf返回的是原始值，就将其转化为string，如果不是原始值，则调用toString方法。 toString的每个类型的原始链上的一个方法，用于转化为string类型。 3 隐式转换 +号 规则： 1 两边有一边是字符串的时候，则会变为
闭包，立即执行函数(IIFE)，this指向
weixin_39784818的博客
04-17 4934
闭包概念->闭包作用->立即执行函数->for in例子如果每次输出不同的值( 闭包，定时器第二个变量，promise／let)->在jquery中的使用由于javascript中特有的作用域，函数中的局部变量不能够被外部获得或使用，而函数内部可以使用外部的全局变量，并且javascript的垃圾回收机制会在function执行过后自动销毁函数内部的变量。这就是我们就需要运...
5.27 this指向
web
05-28 311
this指向简单函数严格模式下，函数指向undefined内置函数回调函数数组对象简单字面量嵌套字面量构造函数自执行函数改变this的指向arguments冒泡事件委托 this：函数运行时，自动生成的一个内部的对象，只能在函数内部作用，this的值会随时改变 谁调用，this指向谁 没有调用者，this指向window 简单函数 function test() { console.log(this) //window }; test() this指向window 严格模式下，函数指向und
浅谈javaScript的 this指向重绑定 与 函数自执行用法 与 自执行指向
qq709785786的博客
04-21 1370
首先在上一篇博客中我已经跟各位举出了几个关于js的作用域与一些配合this关键字的例子。 今天我想给各位首先说说关于this指向问题。首先我们有以下一个匿名函数可以先运行一下： function Fn(){ console.log(this); } Fn(); 运行之后，我们可以在控制台得到，这个this指向的是window对象，而当我们如果要进行具体的元素绑定时 需要将this
javaScript的DOM和自调用函数
m0_64393880的博客
01-07 608
DOM - 一套操作html文档的标准 - 操作标签的方法 1.获取标签元素 document.getElementById("id名") document.getElementsByTagName("标签名") document.getElementsByClassName("类名") document.getElementsByName("name属性的值") document.querySelector("css选择器") document.querySelectorAll("css
实例解析:对象/闭包函数/自调用 this指向与作用域问题
技术圈
06-29 701
实例解析:闭包函数 自调用函数 this指向 作用域问题 综合分析。 在开始代码解析之前，需要先强调一个要点，即自调用函数是在它被定义的时候运行，而通常不是等待被调用，但是在本文实例中，自调用函数不仅被调用了，并且还运行了一部分，这来自于它有趣的结构——自调用函数与闭包的结合。
#JS：this的指向及函数调用对this的影响
weixin_34040079的博客
10-06 120
call、apply、bind和this真是ES5众多坑中的一个，希望本篇文章能让你记住它们！ this的指向 此前在摸清JS中this的指向问题 ，这篇文章中我就尝试总结过this的指向，也顺带提及了call，bind，apply等，本篇文章为了完整性，我再总结一次。 开始之前，请一定要始终把握住关于this的一个概念和原理，心里默念三遍都可以： this是JS中的关键字，函数运行时自动生...
函数的四种调用方式以及this指向
CoderHenryLee的博客
02-11 1090
在ES6之前，我们要看一个函数内部的this到底是指向谁，那么就要通过观察函数是如何调用的，下面是函数的四种调用方式： 函数调用 示例1： var age=18; var p={ age:15 say:function(){ console.log(this.age);//window.age:18 } ...
不同调用方式的函数的this指向
朽木自雕的博客
10-26 454
总结：函数内的this指向，是当我们调用函数的时候确定的。调用方式的不同决定了this的指向不同，一般指向我们函数的调用者！ 函数内this的指向 调用方式 this指向 普通函数调用 window 构造函数调用 实例对象、原型对象里面的方法也指向实例对象 对象方法调用 该方法所属的对象 事件绑定方法 绑定事件的对象 定时器函数 w...
this 的指向问题
qq_42816270的博客
01-22 212
this 的指向问题
JS_04_函数表达式_自调用函数_this_内嵌函数_闭包
pre_eminent的JAVA学习园地
03-24 1729
JavaScript 函数定义JavaScript 使用关键字 function 定义函数。函数可以通过声明定义，也可以是一个表达式。函数声明在之前的教程中，你已经了解了函数声明的语法 :function functionName(parameters) {   执行的代码 }函数仅仅是声明之后,它是不可能立即执行的，还要等到 在我们需要的时候 调用它时,它才会真正执行...
js匿名函数的this指向
最新发布
09-09
在JavaScript中，匿名函数的this指向取决于函数的执行环境。根据引用[1]中的总结，可以得出以下结论： 1. 当匿名函数被直接调用时，其中的this指针永远指向window对象。 2. 如果匿名函数是作为对象的方法调用的，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值