17、对于JavaScript中匿名函数的理解

拼搏现实的明天。 2022-07-24 11:21 140阅读 0赞

1、在JavaScript中，两个相同的匿名函数，实际上是不同的，代码如下

1.1 html代码

<body>
    		<div id="div1"></div>
    		<br />
    		<div id="div2"></div>
    	</body>

1.2 style代码

<style type="text/css">
    		#div1,
    		#div2 {
    			width: 100px;
    			height: 100px;
    			background: red;
    		}
    	</style>

1.3 script代码

<script type="text/javascript">
    		function $(id) {
    			return document.getElementById(id);
    		}
    		window.onload = function() {
    			$("div1").onclick = function() {
    				alert(this);
    			}
    			$("div2").onclick = function() {
    				alert(this);
    			}
    			alert($("div1").onclick == $("div2").onclick);
    		}
    	</script>

1.4 在上面的script代码里面，可以看到。$("div1").onclick  和 $("div2").onclick 的匿名函数，是一样的。但是在运行中，显示这两个函数是不一样的

![20160521195822330][]

2、对描述一中的问题进行分析

2.1 引入JavaScript对象Function

<script type="text/javascript">
    		function $(id) {
    			return document.getElementById(id);
    		}
    		window.onload = function() {
    			
    			$("div1").onclick = function() {                    
    				alert(this);
    			}
    			$("div2").onclick = new Function(" alert(this)");  ///
    			
    			alert($("div1").onclick == $("div2").onclick);
    		}
    	</script>

2.2  其实在JavaScript里面，匿名函数，就相当于 new Function() 对象的实例，

所以对于上面的两个匿名函数，也就是两个 new Function() 的对象了。 所以 这两个 匿名函数即使内容相同，也是不会相同的。

[20160521195822330]: /images/20220722/23df736a8a74431bbdee2d64874d3920.png

发表评论取消回复

表情：

评论列表（有 0 条评论，140人围观）

还没有评论，来说两句吧...

相关阅读

相关 JavaScript 中的匿名函数和箭头函数

JavaScript 提供了多种定义和使用函数的方法。两种常用的函数类型是匿名函数和箭头函数。在这篇博客中，我们将详细了解这两个函数。让我们开始吧！🚀。

￡神魔★判官ぃ/ 2024年05月07日 22:15/ 0 赞/ 16 阅读

相关 javaScript中的匿名函数

[js中的匿名函数][js] [js匿名函数][js 1] [js中匿名函数的N种写法][js_N] 直接上代码和截图 <!DOCTYPE html>

快来打我*/ 2022年11月06日 05:53/ 0 赞/ 172 阅读

相关理解下JavaScript中的匿名函数、自执行匿名函数

[点此查看全部文字教程、视频教程、源代码][Link 1] 本文目录 1. 函数也是一种类型 2. 匿名函数 3. 自执行匿名函数 4.

￡神魔★判官ぃ/ 2022年10月23日 11:20/ 0 赞/ 166 阅读

相关 javascript中匿名函数的使用

<html> <head> <title>javascript中匿名函数的使用</title> <script>

àì夳堔傛蜴生んèń/ 2022年09月19日 05:30/ 0 赞/ 155 阅读

相关 javascript匿名函数的运用

<1>.概念: 匿名函数(lambda):没有名字的函数， <2>递归函数 function factorial(num)\{ if(num<=1)\{ return

忘是亡心i/ 2022年09月17日 12:25/ 0 赞/ 185 阅读

相关 17、对于JavaScript中匿名函数的理解

1、在JavaScript中，两个相同的匿名函数，实际上是不同的，代码如下 1.1 html代码 <body> <div id="div1"

拼搏现实的明天。/ 2022年07月24日 11:21/ 0 赞/ 141 阅读

相关 javascript 匿名函数的理解

[http://www.jb51.net/article/21948.htm][http_www.jb51.net_article_21948.htm] 代码如下:

约定不等于承诺〃/ 2022年06月15日 02:55/ 0 赞/ 216 阅读

相关 javascript 匿名函数

javascript 匿名函数有两种常用模式： 1，（function（参数）｛逻辑｝）（给参数赋值） 2. （function（参数）｛逻辑｝（给参数赋值）） java

阳光穿透心脏的1/2处/ 2022年06月01日 05:09/ 0 赞/ 203 阅读

相关 JavaScript匿名函数

JavaScript提供了定义匿名函数的方式，这种创匿名函数的语法格式如下： function(parameter list){ alert("AAA");

喜欢ヅ旅行/ 2022年05月20日 09:36/ 0 赞/ 197 阅读

相关 JavaScript中的匿名函数

转载自：[https://blog.csdn.net/clh386/article/details/78560136][https_blog.csdn.net_clh386_a

妖狐艹你老母/ 2022年03月25日 16:56/ 0 赞/ 228 阅读