jQuery 3.0 的 setter和getter 模式详解

jQuery 的 setter/getter 共用一个函数，通过是否传参来表明它是何种意义。简单说传参它是 setter，不传它是 getter。

一个函数具有多种意义在编程语言中并不罕见，比如函数重载：一组具有相同函数名，不同参数列表的函数，这组函数被称为重载函数。重载的好处是减少了函数名的数量，避免了名字空间的污染，对于程序的可读性也大有裨益。

函数重载主要体现的两个方面，一是参数的类型、相同个数的参数类型不同可称为函数重载；二是参数的个数，个数不同也称为函数重载。注意，重载与函数的返回值并无关系。

由于 JS 弱类型的特征，想模拟函数重载就只能通过第二种方式：参数的个数来实现。因此函数内的 arguments 对象就显得非常重要。

以下是一个示例

function doAdd() {
var argsLength = arguments.length
if (argsLength === 0) {
return 0
} else if (argsLength === 1) {
return arguments[0] + 10
} else if (argsLength === 2) {
return arguments[0] + arguments[1]}
}
doAdd() // 0
doAdd(5) // 15
doAdd(5, 20) // 25

doAdd 通过判断函数的参数个数重载实现了三种意义，argsLength 为 0 时，直接返回 0； argsLength 为 1 时，该参数与 10 相加；argsLength 为 2 时两个参数相加。

利用函数重载特性可以实现 setter/getter

function text() {
var elem = this.elem
var argsLength = arguments.length
if (argsLength === 0) {
return elem.innerText
} else if (argsLength === 1) {
elem.innerText = arguments[0]}
} 

以上简单的解释了函数重载及利用它实现 setter/getter。即”取值器”与”赋值器”合一。到底是取值还是赋值，由函数的参数决定。jQuery 的很多 API 设计大量使用了这种模式。

下图汇总了 jQuery 中采用这种模式的所有 API，共 14 个函数

所有这些函数内部都依赖另一个函数 access， 毫不夸张的说 access 是所有这些函数的核心，是实现 setter/getter 的核心。下面是这个函数的源码，它是一个私有的函数，外部是调用不到它的。

access 的源码如下

// Multifunctional method to get and set values of a collection
// The value/s can optionally be executed if it's a function
var access = function( elems, fn, key, value, chainable, emptyGet, raw ) {
  var i = 0,
    len = elems.length,
    bulk = key == null;
  // Sets many values
  if ( jQuery.type( key ) === "object" ) {
    chainable = true;
    for ( i in key ) {
      access( elems, fn, i, key[ i ], true, emptyGet, raw );								 
 1/5    1 2 3 4 5 下一页 尾页