JS 关于(function (window){})(window)写法的理解

于 2022-07-22 11:02:31 发布
阅读量1.3k 收藏 4
点赞数
文章标签： javascript 开发语言 ecmascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/E1sie/article/details/125927985
版权

是es5中自定义模块的方式（模块化）

(function (window){})(window)---立即执行函数（IIFE） 

这样写的好处：

1.写在函数外的都是全局变量，看似在不同js文件下，其实都是全局的，可以互相访问的，为了

避免命名冲突，保护内部变量。

2.写成匿名函数为了节省函数名

3.立即执行这个函数，在页面载入之前就执行

为什么传window对象

1.执行效率快

2.把window对象变成自执行函数的局部作用域，就不往上找了

E1sie
关注
  • 0
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
js事件源window.event.srcElement兼容性写法(详解)
11-28
总结来说，JavaScript的事件源处理涉及到浏览器兼容性问题，开发者需要理解`window.event.srcElement`（IE特有）和`event.target`（W3C标准）的区别，并使用适当的兼容性解决方案来确保代码在不同浏览器下都能正常...
JavaScript中点击事件的写法
10-22
理解并掌握这些方法对于编写交互丰富的Web应用至关重要。无论是内联事件处理、DOM0级事件处理还是DOM2级事件处理，都有其优点和限制。同时，知道如何模拟触发点击事件对于动态控制页面行为也十分关键。
JS 关于(function( window, undefined ) {})(window)写法的理解
TpingSpace的专栏
09-17 258
JS 关于(function( window, undefined ) {})(window)写法的理解 [网络整理] (function( window, undefined ) {})(window); 这个，为什么要将window和undefined作为参数传给它？   (function( $, undefined ) {})(jQuery); 同理   因为 ecmascri...
前段百科---JS中形如(function(window, undefined) {})(window)写法的理解
u013390913的专栏
12-31 4729
在Web开发过程中,往往会看到有人这样编写JS脚本: (function(window, undefined) { //do something })(window);可能有人会问:卧槽,这是什么鬼? OK,且听我慢慢道来: 首先,(function(window, undefined) {})(window)可以简化看成这样()();而()()就是一个匿名函数自执行的写法. 举个
(function (){})(); JS 闭包 (Closure) 范式
程序改变世界
10-30 1275
引言<br />最常见的闭包 (Closure) 范式大家都很熟悉了：(function() { // ... })();<br />很简单，大家都在用。但是，我们需要了解更多。<br />首先，闭包是一个匿名函数 (Anonymous function), 即是 (function() {}) 这部分。之所以要给 function 添加括弧是为了让它形成一个表达式 (expression), 有了表达式，并且确定它的类型是个函数 (Function 实例), 就可以直接调用它。所以，后面的一对括弧是可以工
分析(function(window, undefined) {})(window)
u011927449的博客
06-04 623
有的时候，我们会在JS框架中看到这行 (function(window, undefined) {})(window) ，它是做什么用的，我们来分析下它 首先这就是一个匿名函数，立即执行它 (function(window, undefined) { // coding })(window) 为这么要这样写，有什么作用 对js进行压缩的时候 均可以替换成其他简写字符，从而减少文件大小，因为他们被视为局部变量使用。 (function(w, u) { // coding })(w) .
(function(win{}))(window)自执行函数的原理
qq_37574106的博客
04-08 1553
函数的命名方式主要分为两种 1、声明式 function xxx(){ } 2、函数表达式 var a=function(){ } 如果我们想让一个函数直接执行的话，可以在函数后面加() var a=function(){ }() 这样的函数是会直接执行的 function xxx(){ } () 但声明式的函数则会被浏览器忽略 这时候我们只需要把声明式的函数变...
JS 关于(function(w) {...})(window)写法的理解——立即执行函数
热门推荐
sophiafei_2000的博客
09-15 1万+
1.前半部分(function(){ }) (function(){ })：函数的定义 表示一个匿名函数。 function(arg){...}定义了一个参数为arg的匿名函数。所以(function(w) { ...})即为一个参数为w的匿名函数。 2.后半部分(window) (window)：传参并执行 3.立即执行函数 IIFE(Immediately-Invoke
js面向对象的写法
10-22
这是最常见的面向对象写法，使用`function`关键字定义构造函数，通过`new`操作符创建对象实例。`this`关键字在构造函数中用于初始化新创建的对象实例的属性。例如，`this.r = r`将传入的参数赋值给新对象的属性。`...
js插件的写法.编写javascript插件
01-04
(function(window, document, undefined) { // 插件代码 })(window, document); ``` 2. **命名空间**: 为了更好地管理和组织代码，可以创建一个全局命名空间，将插件的所有方法和属性挂载在其下。例如： ```...
Javascript自执行匿名函数(function() { })()的原理浅析
11-25
函数是JavaScript中最灵活的一种对象，这里只是讲解其匿名函数的用途。匿名函数指没有指定函数名或指针的函数，自执行匿名函数只是其中一种，下文中称这种函数为：自执行函数 　　下面是一个最常见的自执行函数： // 传统匿名函数 (function() { alert('hello'); })(); 　　这段代码的执行效果就是在页面再载入时弹出：”hello” 　　是什么促使它自动执行的？，来看下面的代码 // 在传统写法上去掉小括号，并在前面加上运算符 ~,!,+,- ~function(){ alert('hello'); }(); !function(){ alert('hello'
javaScript封装的各种写法
12-10
以下是一些常见的JavaScript封装写法： 1. **基础函数封装**： ```javascript function hello() { var a = 'hello'; alert(a); } ``` 这是最基础的函数封装，将一段具有特定功能的代码放入函数中，使其成为...
(function(window){})(window)
武林半侠的博客
01-05 971
(function(window){ ······ })(window) 这样写的好处是在内部定义的变量不会跟外部的变量有冲突，达到保护内部变量的作用。
关于(function( window, undefined ) {})(window)写法的理解
wuhuixiaoxiao的博客
11-19 280
JS 关于(function( window, undefined ) {})(window)写法的理解 [网络整理] (function( window, undefined ) {})(window); 这个，为什么要将window和undefined作为参数传给它？ (function( $, undefined ) {})(jQuery); 同理 因为 ecmascript 执行J
3.5. Window Functions
在路上
01-08 375
3.5. Window Functions 3.5窗口函数 A window function performs a calculation across a set of table rows that are somehow related to thecurrent row. This is comparable to the type of calculation that can...
JS中关于(function( window, undefined ) {})(window)写法的理解
weixin_30896511的博客
04-17 128
在jQuery中我们经常看到以下这段代码： ;(function ( [$,][ window,][ document,][ undefined] ){ //函数体内具体代码 })(jQuery, window,document); 首先说说非常值得提倡的几点： 1、代码最前面的分号，可以防止多个文件压缩合并以为其他文件最后一行语句没加分号，而引起合并后的语法错误。 2、匿名函数(...
Window Functions--窗口函数
SUNE__学无止境
06-03 444
GetDesktopWindowThe GetDesktopWindow function returns a handle to the desktop window. The desktop window covers the entire screen. The desktop window is the area on top of which all icons and other win
移动抽奖页面js写法
最新发布
05-27
移动抽奖页面的JS实现方式有多种，以下是其中一种基于HTML5 Canvas的实现方式： HTML部分： ```html <canvas id="lottery"></canvas> ``` JavaScript部分： ```javascript var lottery = document.getElementById('lottery'); var ctx = lottery.getContext('2d'); // 设置抽奖页面的宽度和高度 lottery.width = window.innerWidth; lottery.height = window.innerHeight; // 绘制转盘 function draw() { // 绘制转盘的代码 } // 开始抽奖 function start() { // 抽奖逻辑的代码 } // 点击抽奖按钮开始抽奖 document.getElementById('start-btn').addEventListener('click', start); // 绘制转盘 draw(); ``` 在绘制转盘的函数中，可以使用`ctx`对象进行绘图，例如： ```javascript ctx.beginPath(); ctx.arc(100, 100, 50, 0, 2 * Math.PI); ctx.fillStyle = 'red'; ctx.fill(); ``` 以上代码会在canvas上绘制一个红色的圆形。 在开始抽奖的函数中，可以根据具体的抽奖逻辑，实现转盘的旋转和停止，并最终确定中奖结果。例如： ```javascript function start() { var timer = setInterval(function() { // 转盘旋转的代码 }, 50); // 在一定时间后停止旋转，并确定中奖结果 setTimeout(function() { clearInterval(timer); // 确定中奖结果的代码 }, 5000); } ``` 以上代码会在点击抽奖按钮后，每50毫秒旋转一次转盘，5秒后停止旋转，并确定中奖结果。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值