Javascript中的匿名函数与封装介绍

前端技术 2023/09/01 JavaScript

迷惑了一会儿不同JS库的封装后，终于有了点头绪。大致就是:

复制代码 代码如下:

创建一个自调用匿名函数，设计参数window，并传入window对象。

而这个过程的目的则是，
复制代码 代码如下:

使得自身的代码不会被其他代码污染，同时也可以不污染其他代码。

jQuery 封装

于是找了个早期版本的jQuery，版本号是1.7.1里面的封装代码大致是下面这样的

复制代码 代码如下:

(function( window, undefined ) {
var jQuery = (function() {console.log(\'hello\');});
window.jQuery = window.$ = jQuery;
if ( typeof define === \"function\" && define.amd && define.amd.jQuery ) {
    define( \"jquery\", [], function () { return jQuery; } );
}
})( window );

其中的

复制代码 代码如下:

console.log(\'hello\');

是用以验证是否按开头说的这样工作，于是我们就可以在window中调用jQuery
复制代码 代码如下:

window.$

或者是
复制代码 代码如下:

window.jQuery

于是我们就可以创建一个类似的封装

复制代码 代码如下:

(function(window, undefined) {
    var PH = function() {

    }
})(window)

本文地址：https://www.stayed.cn/item/2685

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案