javascript - jQuery 插件中没有冲突是如何工作的

Question

// COLLAPSE PLUGIN DEFINITION
  // ==========================

  var old = $.fn.collapse

  $.fn.collapse = function (option) {
   ......
  }

  $.fn.collapse.Constructor = Collapse


  // COLLAPSE NO CONFLICT
  // ====================

  $.fn.collapse.noConflict = function () {
    $.fn.collapse = old
    return this
  }

这是来自 bootstrap 3 Collapse 插件的代码。我正在通过准备此插件代码来学习 js。

我理解语法，但我不知道无冲突是如何工作的？为什么这种方式可以处理冲突？“这个”指的是什么？

谢谢!

Answer 1

这样做是首先分配 $.fn.collapse 的原始值到一个变量，old .这样它可以在覆盖时保留引用。

在$.fn.collapse.noConflict函数，它放回 $.fn.collapse 的原始值, 来自变量 old . return this允许您将此折叠插件设置为不同的变量。

var collapsePlugin = $('*').collapse.noConflict();