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

最新推荐文章于 2023-02-25 23:47:27 发布
最新推荐文章于 2023-02-25 23:47:27 发布
阅读量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标准）的区别，并使用适当的兼容性解决方案来确保代码在不同浏览器下都能正常...
JS 关于(function( window, undefined ) {})(window)写法的理解
TpingSpace的专栏
09-17 257
JS 关于(function( window, undefined ) {})(window)写法的理解 [网络整理] (function( window, undefined ) {})(window); 这个，为什么要将window和undefined作为参数传给它？   (function( $, undefined ) {})(jQuery); 同理   因为 ecmascri...
前段百科---JS中形如(function(window, undefined) {})(window)写法的理解
u013390913的专栏
12-31 4723
在Web开发过程中,往往会看到有人这样编写JS脚本: (function(window, undefined) { //do something })(window);可能有人会问:卧槽,这是什么鬼? OK,且听我慢慢道来: 首先,(function(window, undefined) {})(window)可以简化看成这样()();而()()就是一个匿名函数自执行的写法. 举个
(function(win{}))(window)自执行函数的原理
qq_37574106的博客
04-08 1547
函数的命名方式主要分为两种 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
关于(function( window, undefined ) {})(window)写法的理解
巴黎的妖
11-17 1404
(function( window, undefined ) {})(window); 这个，为什么要将window和undefined作为参数传给它？ (function( $, undefined ) {})(jQuery); 同理 因为 ecmascript 执行JS代码是从里到外，因此把全局变量window或jQuery对象传进来，就避免了到外层去寻找，提高效率。unde
深入剖析js命名空间函数namespace
weixin_33910385的博客
12-20 215
在看阿里员工写的开源数据库连接池的druid的源代码时，发现了其中在jquery的原代码中又定义了一个命名空间的函数：$.namespace()，其代码如下： 网址为：https://github.com/alibaba/druid/blob/master/src/main/resources/support/http/resources/js/jquery.min.js $.name...
JavaScript中点击事件的写法
10-22
理解并掌握这些方法对于编写交互丰富的Web应用至关重要。无论是内联事件处理、DOM0级事件处理还是DOM2级事件处理，都有其优点和限制。同时，知道如何模拟触发点击事件对于动态控制页面行为也十分关键。
js面向对象的写法
10-22
这是最常见的面向对象写法，使用`function`关键字定义构造函数，通过`new`操作符创建对象实例。`this`关键字在构造函数中用于初始化新创建的对象实例的属性。例如，`this.r = r`将传入的参数赋值给新对象的属性。`...
js插件的写法.编写javascript插件
01-04
(function(window, document, undefined) { // 插件代码 })(window, document); ``` 2. **命名空间**: 为了更好地管理和组织代码，可以创建一个全局命名空间，将插件的所有方法和属性挂载在其下。例如： ```...
javaScript封装的各种写法
12-10
以下是一些常见的JavaScript封装写法： 1. **基础函数封装**： ```javascript function hello() { var a = 'hello'; alert(a); } ``` 这是最基础的函数封装，将一段具有特定功能的代码放入函数中，使其成为...
js中(function(){})()的写法用处
weixin_43972609的博客
06-15 1058
js中(function(){})()的写法用处 首先嘛，JS中函数有两种命名方式 1、一种是声明式。 而声明式会导致函数提升，function会被解释器优先编译。即我们用声明式写函数，可以在任何区域声明，不会影响我们调用。 2、一种是函数表达式 函数表达式我们经常使用，而函数表达式中的function则不会出现函数提升。而是JS解释器逐行解释，到了这一句才会解释。因此如果调用在函数表达式之前，则会调用失败。 下面进入正题，对函数表达式加上()，是可以直接调用的 但是如果是对声明式的后部加上()则是会被编译
(function (window, document, undefined) {})(window, document)的真正含义
weixin_38687522的博客
09-24 307
IIFE(即时调用的函数表达式) (function (window, document, undefined) { // })(window, document); JavaScript具有函数作用域，因此首先创建了一些需要的“私有范围”。例如: (function (window, document, undefined) { var name = 'Todd'; })(window, document); console.log(name); //name is not defined，
JS函数（function）的定义和使用
BambooStrip的博客
09-16 2131
JS函数（function）的定义和使用
JS函数的4种调用方式
我都博客
02-25 5155
JS函数的4种调用方式
6- js 函数的四种调用方式
热门推荐
Jepson_鹏鹏的专栏
11-04 1万+
6. 函数的四种调用方式函数有下列调用模式 函数调用模式 方法调用模式 构造器模式 上下文模式 1. 函数调用 模式要调用，就肯定要先定义，函数的定义方式： 声明式: function fuc() {} 表达式式: var func = function() {}; Function: new Function( ‘参数’,…,’函数体’ ); 单独独立调用的,就是函数调用模式，
JavaScript 作用域
17902的博客
03-13 99
作用域简单来说就是一个变量的作用范围。 在JS中作用域分成两种： 1、全局作用域 直接在script标签中编写的代码都运行在全局作用域中。 全局作用域在打开页面时创建，在页面关闭时销毁。 全局作用域中有一个全局对象window，window对象由浏览器提供，可以在页面中直接使用，它代表的是整个的浏览器的窗口。 在全局作用域中创建的变量都会作为window对象的属性保存 在全局作用域中创建的函数都会作为window对象的方法保存。 在全局作用域中创建的变量和函数可以在页面的任意位置访问。 在函数作用域中.
JavaScript 实现命名空间（namespace）的最佳方案
水上漂的专栏
02-03 2536
JavaScript 实现命名空间（namespace）的最佳方案——兼容主流的定义类（class）的方法，兼容所有浏览器，支持用JSDuck生成文档 作者：zyl910 一、缘由 在很多的面向对象编程语言中，我们可以使用命名空间（namespace）来组织代码，避免全局变量污染、命名冲突。遗憾的是，JavaScript中并不提供对命名空间的原生支持。 有不少人提出各种办法在JavaScript中模拟命名空间，但这些办法存在以下问题—— 办法不统一。各种办法各有优缺点，分别适合在不同的场合使用。但.
窗口函数（Window Function）
彳亍
02-15 1419
窗口函数（Window Function）指的是对于查询结果的每一行，使用与该行相关的所有行，进行函数计算，可得到新的数据列。 对于大多数聚合函数（如 min, max, count, sum, avg 等），如果其后紧跟 over 语句，就会作为窗口函数执行。
移动抽奖页面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、付费专栏及课程。

余额充值