【JavaScript】开发自己的插件，基础代码_javascript 开发插件-CSDN博客

本文详细介绍了匿名函数的概念、应用场景，包括作为参数传递、返回值和立即执行，并演示了如何创建和使用JavaScript插件的基础代码框架。重点讲解了匿名函数在插件开发中的运用技巧。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

首先我们要弄明一些基本知识点。

一、匿名函数

1.什么是匿名对象？匿名函数顾名思义指的是没有名字的函数，在实际开发中使用的频率非常高。

<script type="text/javascript">
        // 有名称的函数
        function Hello() {
            console.log("hello world！");
        }
        let World= function () {
            console.log("hello world！");
        }
        // 匿名函数
        function () {
            console.log("hello world！");
        }
    </script>

2.匿名都应用到那些场景？
匿名对象可以作为实际参数传递

<script type="text/javascript">
        function test(fn) {
            fn();
        }        
        test(function () {
            console.log("hello world");
        });
    </script>

作为其他函数的返回值。

 <script type="text/javascript">
        function test() {
            return function () {
                console.log("hello BNTang!");
            };
        }
        let fn = test();
        fn();
    </script>

作为一个立即执行的函数，注意点: 如果想让匿名函数立即执行, 那么必须使用 () 将函数的定义包裹起来才可以。

<script type="text/javascript">
        (function () {
            console.log("hello world!");
        })();
   //第一个()将匿名函数括起来，第二个（）是一个运算符，表示第一个括号里面的函数立即执行
    </script>

注意：调用多次的时候，不适合。匿名对象调用完毕就是垃圾。可以被垃圾回收器回收。

二、插件基础代码框架

新建js文件，myth.js，代码如下：

(function() { 
 window['myth'] = {};
function hi(cs) {
alert(cs);  }  
window['myth']['hi'] = hi;}) ();

html页码使用，代码

<script src="myth.js"></script>
<script>myth.hi("xxx") </script>

ok，插件开发的基本框架就是如此