Синтаксис JavaScript/jQuery

Question

Привет, ребята, мне интересно, почему знак $ должен быть перед функцией для работы proram. Я console.log ($) и, как я думал, это объект селектора jQuery. Но не понимаю, почему это должно быть там. Пожалуйста помоги!!

$(function(){ 
      console.log($, 'testing') 
      // when the client clicks SEND 
      $('#datasend').click(function() { 
       var message = $('#data').val(); 
       $('#data').val(''); 
       // tell server to execute 'sendchat' and send along one parameter 
       socket.emit('sendchat', message); 
      }); 

      // when the client hits ENTER on their keyboard 
      $('#data').keypress(function(e) { 
       if(e.which == 13) { 
        $(this).blur(); 
        $('#datasend').focus().click(); 
       } 
      }); 
     }); 

Answer 1

Правила именования переменных Javascript позволяют использовать знак $ $ в качестве допустимого имени переменной. Поэтому он действует как сокращенная версия, и jQuery использует ее.

Пример:

var a = 10; 
console.log(a); 

можно также записать

var $ = 10; 
console.log($); 

что делает Jquery является:

jQuery = {}; 
$ = jQuery; 

так же объект JQuery можно получить доступ через "$" переменной, а также , Это действует как сокращенная версия. Если есть две библиотеки, которые пытаются использовать глобальный «$» в качестве своего объекта, это создает конфликт.

Теперь функция, которую мы передаем внутри $(), является всего лишь обратным вызовом. jQuery хочет знать, какой код вы хотите запустить на готовом документе. Таким образом, он принимает функцию в качестве аргумента.

var $ = function(data){ 
    if(typeof data == "function"){ 
     // jquery registers this callback to ready event automatically 
    } else { 
     // uses the selector, and returns the elements 
    } 
} 

// so this will be registered to ready event 
$(function(){ 
    alert('hi'); 
});  

// and this will give us the jQuery object with DOM elements 
$("body"); 

Теперь, если мы передаем селектор JQuery ("селектор"), JQuery выполняет это прямо сейчас.

Но если функция передается в качестве аргумента, то jQuery регистрирует эту функцию автоматически. Следовательно, этот обратный вызов выполняется в готовом событии.