在 jQuery UI Widget 中，我们经常需要创建自定义的 UI 组件。当我们开始编写组件时，通常会遇到两个方法：_init 和 _create。这两个方法都是在组件初始化阶段执行的，但它们的用途略有不同。本文将介绍 _init 和 _create 方法的区别，并提供一些使用示例。
_init 方法
_init 方法是每次创建新实例时都会被调用的方法。该方法通常用于设置默认选项和初始化状态。在 _init 方法中，您可以访问传入的选项和元素，并进行任何必要的操作以准备组件。
下面是一个简单的示例，演示如何使用 _init 方法来设置默认选项和状态：
-- -------------------- ---- -------
--------------------------- -
-------- -
--------- ---------
--
------ ---------- -
-----------------------------------------
------------------------- -------
-
---
-------------------------- --------- -------- ---在上面的代码中，我们创建了一个名为 myWidget 的自定义组件，并设置了一个名为 myOption 的默认选项。在 _init 方法中，我们通过访问选项对象来获取 myOption 的值，并将其应用于元素的文本内容。然后，我们将文本颜色设置为红色。
_create 方法
_create 方法只会在创建新实例时调用一次。该方法通常用于创建 DOM 元素和绑定事件处理程序。在 _create 方法中，您可以访问传入的选项和元素，并操作它们以创建组件的视觉和交互部分。
下面是一个示例，演示如何使用 _create 方法来创建一个具有点击事件处理程序的按钮：
-- -------------------- ---- -------
--------------------------- -
-------- -
----------- ------ ---
--
-------- ---------- -
--- ------ - -------------
------------------------------
------------------------
------------------ ---------- -
---------- ------- --- ----------
---
-
---
-------------------------- ----------- ------ --- ---在上面的代码中，我们创建了一个名为 myWidget 的自定义组件，并设置了一个名为 buttonText 的默认选项。在 _create 方法中，我们创建了一个新按钮元素，并将其添加到组件元素中。然后，我们绑定了一个点击事件处理程序，使按钮在单击时弹出一个警告框。最后，我们使用传入的选项来设置按钮文本。
如何选择
那么，应该在哪里使用 _init，而在哪里使用 _create 呢？这主要取决于您的组件的实际需求。通常来说，如果您需要在每次创建新实例时都执行某些操作（例如设置默认选项或初始化状态），则应使用 _init 方法。如果您只需要在创建实例时执行一次操作（例如创建 DOM 元素或绑定事件处理程序），则应使用 _create 方法。
在许多情况下，您可能需要同时使用这两种方法。例如，您可能需要在 _init 方法中设置某些默认选项和状态，并在 _create 方法中创建一些具有交互性的 DOM 元素。以下是一个示例，演示如何同时使用这两个方法：
-- -------------------- ---- -------
--------------------------- -
-------- -
------------- ------
----------- ------ ---
--
------ ---------- -
------------------------- ---------------------------
--
-------- ---------- -
--- ------ - -------------
------------------------------
------------------------
------------------ ---------- -
---------- ------- --- ----------
---
-
---
-------------------------- ------------- ------- ----------- ------ --- ---在上面的代码中，我们
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/31287
