这样的写法 (function(){ /* do something */ })(); 的含义, JavaScript

最新推荐文章于 2023-01-05 11:12:28 发布
最新推荐文章于 2023-01-05 11:12:28 发布
阅读量1.7k 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/younggift/article/details/43734621
版权


执行匿名函数，并且匿名函数中的变量不污染全局变量空间。


代码:


<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
</head>
<body>

<script type="text/javascript">

(function(){
	var inside="inside";
	document.writeln("<p>函数0 无返回值，运行，未污染全局变量空间<br>");
	document.writeln("I am running in a function anonymous.<br>");
	document.writeln("var inside undefined :" + (typeof inside === 'undefined') + "<br>");
	document.writeln("var inside values: " + inside + "<br>");
})();

var res1 = (function () {
	var inside="inside";
	document.writeln("<p>函数1 有返回值，运行，未污染全局变量空间<br>");
	document.writeln("I am running in a function anonymous.<br>");
	document.writeln("var inside undefined :" + (typeof inside === 'undefined') + "<br>");
	document.writeln("var inside values: " + inside + "<br>");
	return 111;
})();

var res2 = function () {
	var inside="inside";
	document.writeln("<p>函数2 有返回值，运行，未污染全局变量空间<br>");	
	document.writeln("I am running in a function anonymous.<br>");
	document.writeln("var inside undefined :" + (typeof inside === 'undefined') + "<br>");
	document.writeln("var inside values: " + inside + "<br>");
	return 222;
}();

var res3 = function foo() {
	var inside="inside";
	document.writeln("<p>函数3 有返回值，运行，未污染全局变量空间<br>");	
	document.writeln("I am running in a naming function.<br>");
	document.writeln("var inside undefined :" + (typeof inside === 'undefined') + "<br>");
	document.writeln("var inside values: " + inside + "<br>");
	return 333;
}();

function bar() {
	var inside="inside";
	document.writeln("<p>函数4 有返回值，定义未运行，未污染全局变量空间<br>");	
	document.writeln("I am running in a naming function.<br>");
	document.writeln("var inside undefined :" + (typeof inside === 'undefined') + "<br>");
	document.writeln("var inside values: " + inside + "<br>");
	return 444;
};

var res4 = bar();  // bar运行

document.writeln("<p>全局，所有匿名函数未污染全局变量空间<br>");
document.writeln("var inside undefined :" + (typeof inside === 'undefined'));
document.writeln("<br>");
document.writeln("function foo undefined :" + (typeof foo === 'undefined'));
document.writeln("<br>");
document.writeln("function bar undefined :" + (typeof bar === 'undefined'));
document.writeln("<br>");
document.writeln("匿名函数1返回值:" + res1);
document.writeln("<br>");
document.writeln("匿名函数2返回值:" + res2);
document.writeln("<br>");
document.writeln("命名函数foo定义并调用的返回值:" + res3);
document.writeln("<br>");
document.writeln("命名函数bar调用的返回值:" + res4);
document.writeln("<br>");
</script>


</body>
</html>



执行结果: 


函数0 无返回值，运行，未污染全局变量空间
I am running in a function anonymous.
var inside undefined :false
var inside values: inside

函数1 有返回值，运行，未污染全局变量空间
I am running in a function anonymous.
var inside undefined :false
var inside values: inside

函数2 有返回值，运行，未污染全局变量空间
I am running in a function anonymous.
var inside undefined :false
var inside values: inside

函数3 有返回值，运行，未污染全局变量空间
I am running in a naming function.
var inside undefined :false
var inside values: inside

函数4 有返回值，定义未运行，未污染全局变量空间
I am running in a naming function.
var inside undefined :false
var inside values: inside

全局，所有匿名函数未污染全局变量空间
var inside undefined :true
function foo undefined :true
function bar undefined :false
匿名函数1返回值:111
匿名函数2返回值:222
命名函数foo定义并调用的返回值:333
命名函数bar调用的返回值:444


younggift
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 5
    评论
do_something方法解析
weixin_30920597的博客
12-21 877
/** * 运行任务 * @param $interval * @return bool */ static public function do_something($interval) { //是否设置了延时执行 // if (!empty(self::$delay)) { // ...
javaScript基础
chuihuan0229的博客
03-13 161
12-8 1、分类 ECMAScript js基本语法与标准 DOM Document Object Model文档对象模型 BOM Browser Object Model浏览器对象模型 tips：DOM和BOM都是一套API（Application programing int...
初探内联方式的 onload="doSomething()"为何要加"()"？而js代码的 onload="doSomething" 和 addEventListener 为何不加"()"？...
weixin_30615767的博客
02-02 150
问题引入：在看《Jquery基础教程》第四版的时，P34页有这样一段话 引用函数与调用函数 　　这里在将函数指定为处理程序时，省略了后面的圆括号，只使用了函数名。如果带着圆括号，函数会被立即调用；没有圆括号，函数名就只是函数的标识符或函数的引用，可以用于在将来再调用函数。 这引发了我对于绑定事件方式的思考。我们都知道为元素绑定事件处理程序的时，内联方式要...
JavaScript函数参数
cuk0051的博客
08-27 101
A function can accept one or more parameters. 一个函数可以接受一个或多个参数。 const dosomething = () => { //do something } const dosomethingElse = foo => { //do something } const dosomethingElseAgain =...
javascript函数_JavaScript函数
cuk0051的博客
08-25 376
javascript函数Introduction 介绍 Syntax 句法 Parameters 参量 Return values 返回值 Nested functions 嵌套函数 Object Methods 对象方法 this in Arrow Functions this在箭功能 IIFE, Immediately Invocated Function Expressions IIFE，立...
Javascript多种浏览器兼容写法分析第1/3页
10-30
随着以Firefox为代表的第三方浏览器的兴起，我们做的网站也不能再JUST IE了，如果把原来的一些javascript代码放到IE以外的浏览器的话，往往都不能正常运行或出错，所以这里介绍一下怎么改进我们的JS，让它能更加规范...
JavaScript 装逼指南(js另类写法)
10-15
JavaScript 作为一种广泛使用的脚本语言，其灵活性和多样性使得开发者们可以使用各种巧妙的方式来编写代码。以下是一些提升代码风格和技巧的要点，让你的JavaScript代码看起来更加专业且具有高级感： 1. **Boolean ...
JavaScript 试卷试题附答案
02-27
- C: `”mybutton” type=”button” onClick=”function compute()” value=”计算”>`：这里的 `onClick` 是正确的事件，但 `function compute()` 实际上是在创建一个新的函数，而不是调用已有的 `compute` 函数...
详解javascript函数写法大全
10-17
主要介绍了javascript函数写法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
javascript的几种写法总结
10-21
下面小编就为大家带来一篇javascript的几种写法总结。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
【第四篇章-android平台MediaCodec】解决Observer died. Quickly, do something, ... anything...
Android4chodison
07-21 3604
当出现!!!Observer died. Quickly, do something, ... anything...说明你的程序已经出现严重异常了，那会是什么情况呢？这个问题困扰了我许久，后来原来是使用了mediacodec的非公有API导致的，去掉这个API即OK。
[C++学习日记]-08-函数
Timeless小帅的博客
01-15 558
函数 函数是一组一起执行一个任务的语句。每个 C++ 程序都至少有一个函数，即主函数 main() ，所有简单的程序都可以定义其他额外的函数。 在 C++ 中，使用函数有很多优点，其中包括： 您可以重用函数中的代码，一旦一个函数被写入，它可以在程序中调用多次。 您可以轻松地测试各个函数。 如果需要修改代码，可以在一个函数中进行修改，而不必改变程序结构。 您可以对不同的输入使用相同的函数。 返...
js 调用php 函数 回调,js函数的回调
weixin_31565723的博客
03-10 179
平常的前端开发工作中，编写js时会有很多地方用到函数的回调。最简单的例子就是：function doSomething(callback) {if(typeof callback == "function") {callback();}}function foo() {alert("我是回调后执行的函数");}doSomething(foo); /*正确*/doSomething(function...
【Kotlin】函数 ⑧ ( 函数引用 作为函数参数 | ::函数名 | 函数类型 作为函数返回值类型 )
让 学习 成为一种 习惯 ( 韩曙亮 の 技术博客 )
01-05 948
一、函数引用作为函数参数、 二、函数类型作为函数返回值
5.5 Function类型
sun~的博客
10-27 241
1概念 1.1定义 函数实际上是对象，每个函数都是Function 类型的实例。 函数声明：JavaScript 引擎能把函数声明提升到顶部，解析器会率先读取函数声明 函数表达式：等到解析器执行到它所在的代码行，才会真正被解释执行 alert(sum(10,10));//20 function sum (num1, num2) { return num1 + num2; } alert(sum(10,10));//报错 var sum = function(num1, num2){..
do something in it
突然的自我
09-18 931
毕业以后，俺进入一家软件公司工作，两年没有什么进展。好像这个行业没有什么搞头。做的都是狠农民很低级的东西，犯的都是很低级还不如农民的错误。早在十年前，家姐考大学填报支援的时候，就有人说计算机行业已经很饱和了，整个别的吧。现在看来真正饱和的是做低级工作的农民。计算机行业真正的大亨级数的人还是凤毛麟角。挣口气在这个行业里，整除个名堂来。就象一个哥们说得：俺要成为it精英。为什么呢？目的？原因？总之就是
Android OMXNodeinstance/OMX Component交互
bencharluo的专栏
05-12 2653
OMXNodeInstance.cpp: OMX_CALLBACKTYPE OMXNodeInstance::kCallbacks = {     &OnEvent, &OnEmptyBufferDone, &OnFillBufferDone }; OMX.cpp status_t OMX:allocateNode ... OMX_ERRORTYPE err = mMaste
'src/**/*.js', 'src/**/**/*.js',这两个写法的区别
最新发布
06-04
'src/**/*.js' 表示匹配 src 目录下的所有子目录中的 .js 文件，而 'src/**/**/*.js' 则表示匹配 src 目录下的所有子目录以及子目录的子目录中的 .js 文件。也就是说，'src/**/**/*.js' 比 'src/**/*.js' 的匹配范围...
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值