jQuery Datalink - Связывание данных

Question

Я пробовал jQuery Data linking proposal from Microsoft и заметил что-то странное.

Мои объекты получают эту дополнительную собственность, и мне было интересно, для чего это причина. Я сначала подумал, что это была ошибка, я сделал, но я заметил их демо-страница делает то же самое

Это JSON результат моих объектов:

[{ 
     "propertyName":"ProductNamese", 
     "controlType":"Text", 
     "jQuery1274021322131":6 
    }, 
    { 
     "propertyName":"Price", 
     "controlType":"Number", 
     "jQuery1274021322131":9 
    }, 
    { 
     "propertyName":"Description", 
     "controlType":"TextArea", 
     "jQuery1274021322131":12 
    } 
] 

Свойство Я говорю о «jQuery1274021322131».

Answer 1

Когда вы создаете объект DOM для объекта jQuery (т. Е. $("#SomeElementID")), jQuery добавляет к объекту специальное свойство "expando". Я считаю, что это свойство используется внутри библиотеки, чтобы помочь в кешировании элемента во внутреннем массиве для более быстрого доступа.

Рытье через библиотеку, это код, который создает это значение и как она используется внутри:

var expando = "jQuery" + now(), uuid = 0, windowData = {}; 

    jQuery.extend({ 
     cache: {}, 

     data: function(elem, name, data) { 
      elem = elem == window ? 
       windowData : 
       elem; 

      var id = elem[ expando ]; 

      // Compute a unique ID for the element 
      if (!id) 
       id = elem[ expando ] = ++uuid; 

      // Only generate the data cache if we're 
      // trying to access or manipulate it 
      if (name && !jQuery.cache[ id ]) 
       jQuery.cache[ id ] = {}; 

      // Prevent overriding the named cache with undefined values 
      if (data !== undefined) 
       jQuery.cache[ id ][ name ] = data; 

      // Return the named cache data, or the ID for the element 
      return name ? 
       jQuery.cache[ id ][ name ] : 
       id; 
     }, 
// snipped 

Answer 2

JQuery использует EXPANDO связать объект (DOM элемент, или в противном случае) с его кэш данных при использовании метода data() (это НЕ вызвано просто запуском на нем $(), как указывает принятый ответ). Плагин привязки данных использует данные() для объекта, создавая, таким образом, расширение. К сожалению, разворот настолько «регулярный» - он должен быть легче спрятан. Например, он должен быть инкапсулирован функцией, чтобы сериализаторы JSON не включали ее. jQuery работает с обычными объектами, но есть некоторые грубые грани, подобные этому. Надеюсь, их можно будет сгладить в будущем.