Basit. Çok normal bir görünüm, neredeyse rahatlatıcı:
var userName = "Sean";
console.log(name());
function name() {
return userName;
}
Ancak, sayfama gelişmiş karakterleri temel düzey gösterimlerine çeviren gerçekten kullanışlı bir javascript kitaplığı eklersem ne olur?
Bir dakika ne?
Demek istediğim, birisi üzerinde aksanı olan bir karakter yazıyorsa, ama sadece programımda AZ 'İngilizce' karakterler istiyorum? Şey ... İspanyolca 'ñ' ve Fransızca 'é' karakterleri 'n' ve 'e' nin temel karakterlerine çevrilebilir.
Bu yüzden iyi biri, siteme ekleyebileceğim kapsamlı bir karakter dönüştürücü yazdı ... Ben de dahil ediyorum.
Bir sorun: İçinde benim işlevimle aynı 'isim' adlı bir işlevi var.
Çarpışma denen şey budur. Aynı bildirilen iki işlevi var kapsamı aynı adla. Bundan kaçınmak istiyoruz.
Bu yüzden kodumuzu bir şekilde kapsamamız gerekiyor.
Javascript kod kapsamı için tek yolu bir işlevde sarmak için:
function main() {
// We are now in our own sound-proofed room and the
// character-converter libarary's name() function can exist at the
// same time as ours.
var userName = "Sean";
console.log(name());
function name() {
return userName;
}
}
Bu bizim sorunumuzu çözebilir. Artık her şey kapalı ve sadece açılış ve kapanış parantezlerimizden erişilebilir.
Bir fonksiyonda bir fonksiyonumuz var ... bakmak garip ama tamamen yasal.
Sadece bir sorun. Kodumuz çalışmıyor. UserName değişkenimiz asla konsola yansıtılmaz!
Mevcut kod bloğumuzdan sonra fonksiyonumuza bir çağrı ekleyerek bu sorunu çözebiliriz ...
function main() {
// We are now in our own sound-proofed room and the
// character-converter libarary's name() function can exist at the
// same time as ours.
var userName = "Sean";
console.log(name());
function name() {
return userName;
}
}
main();
Ya da önce!
main();
function main() {
// We are now in our own sound-proofed room and the
// character-converter libarary's name() function can exist at the
// same time as ours.
var userName = "Sean";
console.log(name());
function name() {
return userName;
}
}
İkincil bir endişe: 'Ana' isminin henüz kullanılma ihtimali nedir? ... çok, çok ince.
DAHA FAZLA kapsam belirlemeye ihtiyacımız var. Ve ana () işlevimizi otomatik olarak yürütmenin bir yolu.
Şimdi otomatik yürütme işlevlerine (veya kendi kendine, kendi kendine çalışan, her neyse) geliyoruz.
((){})();
Sözdizimi günah olarak gariptir. Ancak işe yarıyor.
Bir işlev tanımını parantez içine aldığınızda ve bir parametre listesi (başka bir küme veya parantez!) Eklediğinizde, işlev çağrısı olarak işlev görür .
Bu yüzden, kendi kendini yürüten sözdizimi ile kodumuza tekrar bakalım:
(function main() {
var userName = "Sean";
console.log(name());
function name() {
return userName;
}
}
)();
Yani, okuduğunuz çoğu öğreticide, artık 'anonim kendi kendini yürütme' terimi veya benzer bir şeyle bombardıman olacaksınız.
Yıllarca süren mesleki gelişimden sonra, hata ayıklama amacıyla yazdığınız her işlevi adlandırmanızı şiddetle tavsiye ediyorum .
Bir şeyler ters gittiğinde (ve olacak), tarayıcınızdaki geri izlemeyi kontrol edeceksiniz. Öyle her zaman yığın izleme girişleri ada sahip olduklarında kodunuzu sorunları daraltmak için daha kolay!
Çok uzun soluklu ve umarım yardımcı olur!