原生JS十九（匿名函数）

最新推荐文章于 2023-12-14 10:32:27 发布
最新推荐文章于 2023-12-14 10:32:27 发布
阅读量286 收藏 1
点赞数
分类专栏： 原生js 文章标签： javascript html html5 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/CSDN_GMC/article/details/105352731
版权

原生JS--匿名函数

一. 匿名函数

1. 概念

没有名字的函数，实质还是一个函数

2. 和普通函数的区别

普通函数：有函数名，调用需要使用函数名
匿名函数：没有函数名，无法通过函数名调用

3. 匿名的作用

可以有效保证在页面写入js时，不会造成全局变量的污染，就是可以有效的隔离作用域
通常我们希望这个函数只执行一次就结束的时候，使用匿名函数的自调用

4. 匿名函数调用的两种方式

方式1：绑定给一个变量或一个事件，通过他们来调用

方式2：自调用 ( )( )
小括号1 ： 里面存放函数的定义
小括号2 ： 代表着调用函数，里面存放实参
自调用 写法一：官方推荐 的写法

代码：官方推荐
在这里插入图片描述
显示效果：
在这里插入图片描述

写法二 ：

代码：该方法极易与前面的函数冲突，会疯狂调用前面的匿名函数
在这里插入图片描述
显示效果：
在这里插入图片描述

二. 匿名函数和闭包结合

代码：
在这里插入图片描述显示效果：点击第几个，输出几
在这里插入图片描述

CSDN_GMC
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript匿名函数之模仿块级作用域
11-24
JavaScript中的匿名函数是一种非常有用的工具，它允许开发者创建无名的可执行代码块，这在处理某些特定场景时尤其有用。在JavaScript中，函数既是一种数据类型，也是一种语句，这意味着函数可以作为变量赋值、作为...
深入理解JavaScript 中的匿名函数((function() {})();)与变量的作用域
10-18
- **模拟块级作用域**：JavaScript原生不支持块级作用域，但通过匿名函数，我们可以创建一个临时的作用域，避免全局变量污染，减少命名冲突。在ES6中，`let`关键字引入了块级作用域，但在ES5及之前，匿名函数是实现...
Javascript(js)的函数--匿名函数
checheng1988csdn的博客
07-01 169
    前几天研究了一下echarts，感觉echarts用的太方便了，自己有了重写echarts的念头，网上查了一下，原来charts这种开发叫JavaScript插件开发，下载下来echarts的源代码研究，发现里面有很多自己不知道的知识，于是开始补知识，就从Javascript函数补起吧。    JavaScript函数在web开发中是缺少不了的，使用过下面形式的函数数不胜数function...
Js中匿名函数
dust__的博客
07-28 461
Js中匿名函数 语法结构: function (){} 调用匿名函数: (1)通过变量调用匿名函数: var def=function(x,y){ return x+y; } alert(def(4,3)); (2)通绑定事件调用匿名函数: window.onload=function(){ // 点击浏览器 查看的时候 就调用了 alert('load加载事件执行了'); ...
js中提取匿名函数练习
qq_43062639的博客
03-15 307
提取匿名函数 function（food）{ if (food==="cookies"){ alert("more please.")} else if(food==="cake"){ alert("yum yum.")} })("cookies"); 可以改成 var eat=function
js 匿名函数 匿名类
weixin_30562507的博客
01-27 129
代码 <script type="text/javascript"> //意味着实例化了一个Object对象 var class1 = {}; class1.p1 = 1; class1.p2 = 2; //但是你不能为匿名类添加原生方法(可以添加方法)，例如这样写是错误的： //class1.prototype.func1 = func...
Javascript的匿名函数和匿名类，以及原生类
chuanjiaoye5017的博客
04-15 104
1.关于匿名类 var class1={p1:value1,p2:value2}; 这个也可以写成 var class1={}； class1.p1=value1; class1.p2=value2; 首先所有...
基于原生js淡入淡出函数封装（兼容IE）
10-21
2. 使用setInterval函数创建定时器，定时执行一个匿名函数，该函数根据步长对透明度进行逐渐调整。如果当前透明度与目标透明度的差值的绝对值大于等于步长的绝对值，则按照步长逐渐逼近目标透明度；当差值小于步长时...
原生JS实现DOM加载完成马上执行JS代码的方法
10-18
原生JS实现DOM加载完成即执行JS代码的方法主要涉及了JavaScript中页面加载完成事件的捕获和处理，这里我们来详细分解这些方法的实现原理及步骤。 1. **window.onload事件**：window.onload事件会在页面所有的元素，...
挺有意思
为了理想
09-04 128
刚学编程时的代码 if (window.location.search.substring(10) == "1" ) {    category = ("flash" ); } if (window.location.search.substring(10) == "2" ) {    category = ("javascript" ); } ...
js对象+匿名函数的使用
代码改变生活
12-20 1619
1、js对象+匿名函数的使用 $(function () { //========简写 var obj = $("#Iframe1"); set(obj); $(window).resize(function () { set(obj); }); }); var set = functio
js 匿名函数 json
weixin_33920401的博客
06-29 276
<script type="text/javascript"> var My_func = function(name){ this.obj_name=name; this.func1=function(id){ alert(id); alert(this.obj_name); } } var My_ajax={ "name...
【JS教程07】事件属性及匿名函数
weixin_30498807的博客
08-21 143
1、事件属性 元素上除了有样式，id等属性外，还有事件属性，常用的事件属性有鼠标点击事件属性(onclick)，鼠标移入事件属性(mouseover),鼠标移出事件属性(mouseout),将函数名称赋值给元素事件属性，可以将事件和函数关联起来。 <script type="text/javascript"> window.onload = fun...
js 函数声名 函数表达式 匿名函数 构造函数
dongruanxiaoyu的博客
05-30 228
函数声明 function show(){ console.log(“show”)} show(); 函数表达式 var show = function () { console.log(“show”); } show(); 用function声明一个函数，但未命名，然后赋给一个变量，这是常见的函数表达式的方式 匿名函数 用function声明但不赋予名字 function(){console.log(“show”)} 构造函数 对函数使用new运算符实例出一个对象赋给变量。(构造函数一般首字母
js中的匿名函数
qq_45187522的博客
09-16 200
js中的匿名函数 匿名函数顾名思义指的是没有名字的函数，在实际开发中使用的频率非常高！也是学好JS的重点。 匿名函数：没有实际名字的函数。 首先我们声明一个普通函数： //声明一个普通函数，函数的名字叫fn function fn(){ console.log("张培跃"); } 然后将函数的名字去掉即是匿名函数： //匿名函数，咦，运行时，你会发现报错啦！ function (){ console.log("张培跃"); } 到此，你会发现单独运行一个匿名函数，由于不符合语法要求，报错啦！解决方法只需
JavaScript自执行函数：用途、好处
最新发布
TianXuab的博客
12-14 1471
JavaScript中的自执行函数是一个常见的编程技巧，它可以在特定的场景中发挥重要作用。本文将介绍自执行函数的用途、好处，并提供代码示例进行说明。
匿名函数、立即执行函数、构造函数和普通函数使用方式的区别
前端御书房
08-08 1713
匿名函数 匿名函数顾名思义就是没有名字的函数 这就是个匿名函数 function (){} 这种函数由于没有名字，不能通过一个函数名引用他，所以不能像构造函数和普通函数一样多次调用。 如果将函数赋值给变量也可以实现多次调用。 //将匿名函数赋值给变量可以利用变量实现多次调用 var test = function (){}; 匿名函数通常用在将函数作为参数传递、将函数作为返回值返回的地方，由于该函数没有函数名只能将整个函数体当做参数或返回值。 该函数的返回值可以手动 return 任意类型的值。 立
golang的匿名函数和普通函数的区别
Deng_Xian_Sheng的博客
03-25 663
在该匿名函数中，我们将 s 切片的第二个元素修改为 “编程”，并将 “和” 和 “写作” 两个元素添加到 s 切片的末尾。值得注意的是，由于该匿名函数是在 main 函数内部定义的，因此只能在 main 函数内部调用，外部无法访问。在这个例子中，我们定义了一个匿名函数，并在函数定义后立即调用。由于该函数是在 main 函数内部定义的，因此只能在 main 函数内部调用，外部无法访问。匿名函数是不具名的函数，可以在不定义函数名的情况下直接使用，通常用于函数内部的局部作用域中。
JavaScript分层中的匿名函数通信与变量冲突问题解析
本资源主要讨论的是JavaScript中的分层概念及其在实现匿名函数间的通信问题，以及涉及到的变量冲突和DOM操作的注意事项。JavaScript作为一种广泛使用的脚本语言，在开发过程中，其代码组织和层次结构对性能和可维护...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值