JS事件绑定时，函数名为什么不加括号

最新推荐文章于 2024-09-24 23:04:44 发布
原创 最新推荐文章于 2024-09-24 23:04:44 发布 · 1k 阅读 · 1 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
标签
#javascript
本文探讨了在编程中事件触发与直接方法调用之间的关键区别。通过实例解释了为何将方法名作为参数传递给事件与直接调用方法会产生不同的效果，前者使方法由特定事件触发，后者则无视事件直接执行方法。

例子
我猜测，不加括号是利用框架把checkUsername这个方法名作为参数传入相应的事件中的方法中赋给相应属性，当这一事件发生时才会触发该方法（如离焦事件发生后触发用户名的检验），即该方法是由事件触发的。而如果后边用的是checkUsername（），它相当于不管事件触不触发，先把checkUsername（）这一方法执行了，将执行的值赋给事件中的属性，它最终会赋什么样的值，就看函数体返回什么类型，这样就变质了，事件绑定就变得毫无意义了。

JS中关于事件处理函数名后面是否带括号的问题
11-27
今天总结一个关于事件处理程序的小细节。首先回顾一下事件处理的一些概念。 　　JS中的事件处理（事件绑定）就是让某种或某些事件触发某些活动。有两种常见的形式，分别是DOM Level 0 和DOM Level 2。这两种方式最大的区别就在于DOM 0级事件处理只能用于事件冒泡，而DOM 2级事件处理却可以通过设置第三个参数来分别支持事件冒泡和事件捕获。 　　DOM 0级事件处理一般是直接把一个函数分配给一个事件处理程序，既可以在元素中直接分配一个事件处理程序，如方式一所示;也可以在脚本中把函数分配给事件处理程序，如方式二所示。 <!--方式一--> <div onclick="fun1();f
Js事件绑定时，函数名加括号和不加括号有什么区别
weixin_33790053的博客
05-08 1394
为什么80%的码农都做不了架构师？>>> ...
JavaScript中为什么调用自己写的方法时有时候需要带括号（），有时候却不可以带呢？
HelloCode的博客
03-03 1648
//2019.3.2 下午 没有最好的程序，只有更好的程序。 当时第一次遇到这样的问题时，真的是纠结了好半天，虽然程序丢了括号，成功运行了，但是我还是觉得弄懂其中的原理心里才能罢休！ 看下列程序： &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;...
Javascript中事件绑定的函数加括号和不加括号的区别
Ein_Blatt的博客
10-25 1712
今天在学习javascript中的时候遇到了一个问题,我将此问题简化，抽取部分代码，如下： 说明:#fname为一个按钮,test是一个普通函数 test函数 function test() { alert("执行test函数"); } 在js代码中为id为fname的文本框添加一个鼠标点击事件 $("#fname").click(test());     然而网页加...
vue 事件绑定函数加括号和不加括号的区别
weixin_56008510的博客
12-15 3324
自定义事件加不加括号的区别 不加括号: <div> <button @click="test">测试</button> </div> test(id){ console.log(id); } 加括号: <div> <button @click="test()">测试</button> </div> test(id){ console.log(id); } 添加括号传值
【坑】javascript中给元素加事件的方法名不要加小括号
热门推荐
Slience
07-31 1万+
有一天脑抽，傻傻的这样写了，我本来是想给一个按钮加一个输出文本框事件的。我是这样写的 无标题文档 window.onload = function(){ var myButton = document.getElementById("myButton"); var message = document.getElementById("message").value;
JavaScript 函数()、函数 加括号 与不加括号区别
Kaizen的博客
07-11 817
（）：代表js代码解析时会执行，及立即执行函数不加（）：一般用在触发某个事件后才执行，如click等
js事件处理函数加括号与不加括号的区别
最新发布
Marketingpeople的博客
09-24 810
js事件处理函数加括号与不加括号的区别
学习笔记：js里调用函数时，函数名带括号与不带括号的区别
Miss_Audrey的博客
02-03 3660
function fun(){ return 5 } var a=fun var b=fun() 函数是function引用类型的实例，函数是一个对象,而对象是保存在内存中的，函数名则是指向这个对象的指针。var a = fun 表示把函数名fun这个指针拷贝一份给变量a，这样做的好处是可以在需要的时候找到函数并执行。 var b=fun()函数名后面加上圆括号就表示立即调用（执行）这个函数里面的
JavaScript中函数名后加括号与不加括号的区别
My_name_is_ZwZ的博客
07-15 1490
在JS中函数就是function类型的实例，与其他实例一样，具有特定的方法和属性。函数名就是指向函数对象的指针。例如以下代码：function check(){ alert("张文哲帅"); } checkdemo=check;&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8" /&gt; &
JavaScript函数调用加()和不加()
qq_43625134的博客
05-28 550
注意 ！！！加()表示立即执行 ！！！不加()一般用在触发某个事件后才执行 下面代码调用不加() (发生点击事件后才执行) <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docu
为什么js加事件时不要写括号
diaotai1637的博客
11-28 207
function al(){alert("我擦")}此时，al代表这个函数的对象，al()就是直接运行了。var nfun=al;就是让nfun也指向了al，此时nfun()就相当于al()。那么我们来说下oBtn.onclickoBtn.onclick也就相当于一个nfun，只不过它附属于oBtn这个标签。等号是赋值操作如果是对象，就会把对象的指向付给变量。al是对象指向，al()就是...
JS 中函数名后面加与不加括号的区别
weixin_30527323的博客
04-06 515
1 a.onmouseover = fn1; 2 a.onmouseout = fn2; 3 function fn1(){ 4 div.className = "erweima show"; 5 } 6 function fn2(){ 7 div.cla...
为什么函数定义组件中不能打括号
huyao的博客
02-26 534
事件处理函数的写法，这里我们把 onClick={() =&gt; props.onClick()} 直接修改为 onClick={props.onClick} , 注意不能写成 onClick={props.onClick()} 否则 props.onClick 方法会在 Square 组件渲染时被直接触发而不是等到 Board 组件渲染完成时通过点击触发，又因为此时 Board 组件正在渲染中...
js中方法调用加括号和不加括号的区别
生存不忘生活
07-05 7373
前言 一个页面需要使用到setInterval和setTimeout。使用过程中对于方法的调用出现了加括号和不加括号的区别，当然在其他的场景也有发生，window.load = init等等 区别 以test()和test为例 1.无括号 test表示的函数指针，通俗的理解就是等待某个特定的位置后执行，而不是立马执行。这也是使用计时器中正确的写法。 2.有括号 t
Javascript 给页面元素添加事件函数探讨
oscar999的专栏
05-10 1967
前言 HTML 本身就有事件触发的属性，比如 onclick, onmouseover ,....。 直接看Code(注： 本文都以onclick 来做例子) New Document var func = function test(str) { alert("go test "+str); } 这个例子很简单， 但是如果有以下状况出现：
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值