Itinatampok ng gabay na ito ang pagkakaiba sa pagitan ng 'function expression' ibig sabihin, 'var functionName = function() {}' at ang 'function declaration' ibig sabihin, 'function functionName() {}' sa JavaScript.
Ano ang 'var functionName = function() {}'?
ito' var functionName = function() {} 'ay kilala bilang' pagpapahayag ng function ”. Ito ay tulad na ang isang variable ay itinalaga ng isang function at pagkatapos ay tinukoy. Matatawag lang ang function na tinukoy ng user pagkatapos maitalaga ang expression ng function sa isang variable sa runtime.
Syntax
var functionName = function ( ) { ... } ;
Ipatupad natin ang natukoy na syntax sa itaas sa tulong ng isang halimbawa.
Halimbawa 1: Paglalapat ng “var functionName = function() {}” sa JavaScript
Sa halimbawang ito, ' var functionName = function() {} ” ay inilapat upang tukuyin ang isang function at ilaan ito sa isang variable.
JavaScript Code
Isaalang-alang ang sumusunod na JavaScript code:
< script >ay functionDemo = function ( ) {
console. log ( 'Hello Linuxhint' ) ;
} ;
functionDemo ( ) ;
script >
Sa itaas na mga linya ng code:
- Tukuyin ang isang function na pinangalanang ' functionDemo() ” sa pamamagitan ng paglalaan sa isang variable.
- Sa kahulugan nito, ang ' console.log() ” paraan ay ginagamit upang i-print ang nakasulat na pahayag.
- Panghuli, i-invoke ang tinukoy na function na 'functionDemo()' pagkatapos ng deklarasyon nito.
Output
Tulad ng nakikita, ipinapakita ng console ang output ng function i.e., ' functionDemo() ” matagumpay.
Ano ang 'function functionName() {}'?
Ang ' function functionName() {} ' ay tumutugma sa isang ' deklarasyon ng function ”. Ito ay tinukoy lamang sa pamamagitan ng pagtukoy sa function sa pamamagitan ng pangalan nito. Ang function ay itinalaga sa identifier sa oras ng pag-parse.
Syntax
function na functionName ( ) { ... } ;Ilapat natin ang natukoy na syntax sa itaas upang makita ang praktikal na pagpapatupad nito.
Halimbawa 2: Paglalapat ng “function functionName() {}” sa JavaScript
Inilalapat ng halimbawang ito ang ' function functionName() {} ” upang isagawa ang tinukoy na function ng JavaScript.
JavaScript Code
Tingnan natin ang sumusunod na JavaScript code:
< script >functionDemo ( ) ;
function functionDemo ( ) {
console. log ( 'Hello Linuxhint' ) ;
} ;
script >
Sa bloke ng code sa itaas, ang function na ' functionDemo() ” ay unang tinawag at pagkatapos ay idineklara. Ginagamit nito ang 'console.log()' na paraan para ibalik ang nakasaad na mensahe.
Output
Ipinapakita ng output ang resulta ng function na tinukoy ng gumagamit. Gayundin, maaari itong masuri na ang function ay maaaring i-invoke nang hindi isinasaalang-alang ang pagkakasunud-sunod ng function na kasangkot o tinukoy.
Mga Pagkakaiba sa pagitan ng “var functionName = function() {}” vs “function functionName() {}”
Ang pangunahing pagkakaiba sa pagitan ng ' var functionName = function() {} 'ekspresyon at ang' function functionName() {} ” deklarasyon ay nakalista sa ibaba:
- Ang 'declaration ng function' ay inilalagay sa loob ng function definition habang ang 'function expression' ay inilalagay sa labas ng script nito bilang assignment statement.
- Ang 'deklarasyon ng function' ay hindi bumubuo ng anumang error kung ang isang function ay tumatawag bago ito. Gayunpaman, ang 'function expression' ay bumubuo ng isang error kung ang isang user ay tumawag ng isang function bago ang deklarasyon nito.
Konklusyon
Ang ' var functionName = function() {} Ang ” ay isang function expression habang ang “ function functionName() {} ” ay kilala bilang “deklarasyon ng function”. Ang “function expression” ay gumaganap bilang isang assignment statement at dapat italaga sa isang variable bago i-invoke ang function. Sa kabilang banda, maaaring ma-access ang 'deklarasyon ng function' anuman ang pagkakasunud-sunod ng pag-invoke. Ang gabay na ito ay nagpakita ng pagkakaiba sa pagitan ng 'function expression' ibig sabihin, 'var functionName = function() {}' at ang 'function declaration' ibig sabihin, 'function functionName() {}' sa JavaScript.