首页 / JAVASCRIPT / js 在定义的时候立即执行的函数表达式(function)写法

js 在定义的时候立即执行的函数表达式(function)写法

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了js 在定义的时候立即执行的函数表达式(function)写法，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1978字，纯文字阅读大概需要3分钟。

内容图文

1.前言
函数需要先定义，后使用。 这基本上所有编程语言的一条铁的定律。
一般状况下， 我们需要调用一个JavaScript 函数, 基本的状况都是先定义， 然后再调用。 看一个例子
代码如下:

<!--by oscar999 2013-1-16--> 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
<title>Say Hello</title> 
</head> 
<body> 
<script> 
//define function 
function sayHello() 
{ 
alert("hello"); 
} 
//call function 
sayHello(); 
</script> 
</body> 
</html> 
 
但是如果不需要显示调用函数， 让这个函数在定义的时候就执行的话， 该如何写才可以呢？ 
2.思考的历程 
从以上的例子来看，聪明的你结合以上的使用状况可能会想： 
===》既然调用的时候是在函数名后面加上一对 是否在function 定义的后面加上一对大括号是否就可以执行了呢？ 像以下这样： 
 代码如下:

function sayHello() 
{ 
alert("hello"); 
}(); 
 
不幸的是，以上的写法会报出js 的语法错误。 
因为Javascript 的解析器在解析器解析全局的function或者function内部function关键字的时候， 默认会把大括号解析成function声明，而不是function表达式。

也就是说， 会把最后的一对大括号默认解析成一个缺少名字的function，并且抛出一个语法错误信息，因为function声明需要一个名字。

===》 你可能又会想， 如果我在大括号中传入参数是否就会解析成表达式了呢？ 
 代码如下:

function sayHello() 
{ 
alert("hello"); 
}(1); 
 
的确， 错误是没有了。 但是以上的写法等同于以下写法的效果 
 代码如下:

function sayHello() 
{ 
alert("hello"); 
}; 
(1); 
 
这两句完全没有关系， 函数还是不会执行 
3.正确的写法 
对于JavaScript 来说，括弧()里面不能包含语句，所以在这一点上，解析器在解析function关键字的时候，会将相应的代码解析成function表达式，而不是function声明所以，只要将大括号将代码(包括函数部分和在后面加上一对大括号)全部括起来就可以了。 
 代码如下:

(function sayHello() 
{ 
alert("hello"); 
}()); 
 
还有一种写法也可以， 就是将后面的大括号移出来， as 
 代码如下:

(function sayHello() 
{ 
alert("hello"); 
})(); 
 
推荐是使用第一种方式。 
但是目前很多比较好的js library 使用的都是第二种方式。 
比如： web 图形绘制的: git , draw2d ,....

内容总结

以上是互联网集市为您收集整理的js 在定义的时候立即执行的函数表达式(function)写法全部内容，希望文章能够帮你解决js 在定义的时候立即执行的函数表达式(function)写法所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/367416.html

来源：【匿名】