js调用函数时加括号与不加括号的区别
2017-06-14 10:53
681 查看
在下面的代码中,addEventListener()的第二个参数里是一个函数,发现对函数不加括号和加括号是有区别的。
不加括号:在事件触发后执行。
加括号:不用触发事件直接执行。
<button id="myBtn">点我</button>
<p id="demo"></p>
<script>
document.getElementById("myBtn").addEventListener("click",displayDate());
function displayDate(){
document.getElementById("demo").innerHTML=Date();
}
</script>
总结:js调用函数时加括号与不加括号的区别
函数名其实就是指向函数体的指针
不加括号, 可以认为是查看该函数的完整信息,
不加括号传参,相当于传入函数整体
加括号 表示立即调用(执行)这个函数里面的代码(花括号部分的代码)。
<button id="btn">单机</button>
function f1(){
var m=5;
return m;
}
function f2(){
var m=55;
alert(m);
}
var a=f1;
var b=f1();//5
alert(f1);
alert(f1());
var e = document.getElementById("btn");
e.addEventListener("click",f2);
1.alert 弹出框的内容:
function f1(){
var m=5
return m;
}
2.alert弹出框的内容:
5
3.单机按钮
4.单机按钮后弹出框内容
function f2(){
var m =55;
alert(m);
}
5.不需要单机直接弹出框对话框内容:
55
不加括号:在事件触发后执行。
加括号:不用触发事件直接执行。
<button id="myBtn">点我</button>
<p id="demo"></p>
<script>
document.getElementById("myBtn").addEventListener("click",displayDate());
function displayDate(){
document.getElementById("demo").innerHTML=Date();
}
</script>
总结:js调用函数时加括号与不加括号的区别
函数名其实就是指向函数体的指针
不加括号, 可以认为是查看该函数的完整信息,
不加括号传参,相当于传入函数整体
加括号 表示立即调用(执行)这个函数里面的代码(花括号部分的代码)。
语法 | 描述 |
函数名fun为参数 | fun函数体对象是参数 |
带括号的函数fun()作为参数 | 立即执行函数后的返回值作为参数。 |
function f1(){
var m=5;
return m;
}
function f2(){
var m=55;
alert(m);
}
var a=f1;
var b=f1();//5
alert(f1);
alert(f1());
var e = document.getElementById("btn");
e.addEventListener("click",f2);
1.alert 弹出框的内容:
function f1(){
var m=5
return m;
}
2.alert弹出框的内容:
5
3.单机按钮
4.单机按钮后弹出框内容
function f2(){
var m =55;
alert(m);
}
5.不需要单机直接弹出框对话框内容:
55
相关文章推荐
- JS 调用函数时有括号跟没括号的区别
- 基于js里调用函数时,函数名带括号和不带括号的区别
- 学习笔记:js里调用函数时,函数名带括号与不带括号的区别
- JS调用函数时,加括号与不加括号的区别
- js里调用函数时,函数名带括号和不带括号的区别
- js调用函数时加括号与不加括号的区别
- JS调用函数的后面加括号与不加括号的区别
- js里调用函数时,函数名带括号和不带括号的区别
- js调用函数时加括号与不加括号的区别
- Js事件绑定时,函数名加括号和不加括号有什么区别
- JS中函数名后面的括号加与不加的区别和作用?
- JS:访问对象属性的两种方式区别之中括号引用方式
- js 把一个函数赋给一个变量时带括号与不带括号的区别
- JS中函数名后面的括号加与不加的区别和作用?
- js中方法调用加括号和不加括号的区别
- Js 使用new关键字调用函数和直接调用函数的区别
- JavaScript-js中把一个函数赋给一个对象时带不带括号的区别?
- js中函数之函数名带括号与不带括号的区别
- js中函数没有括号时,会调用函数的toString方法
- js中函数调用加括号和不加括号的区别