JavaScript'te printIn ve console.log Arasındaki Fark Nedir? (Cevaplandı) - All The Differences
İçindekiler
JavaScript, yalnızca web tarayıcılarında kullanılabilen bir programlama dilidir. JavaScript konsolu, tarayıcınızda kod parçacıklarını çalıştırmanıza olanak tanıyan bir komut satırı arabirimidir. Bu kod parçacığı, görüntülemekte olduğunuz web sayfasıyla etkileşim kurmak üzere tasarlandığında, beklenmedik sonuçlar ortaya çıkabilir.
Ayrıca bakınız: Bir Direktör, SVP, VP ve Bir Kuruluşun Başkanı Arasındaki Temel Fark Nedir? (Açıklandı) - All The Differences"PrintIn" metnin yazıcıya yazdırılmasını sağlar "console.log" kullanarak günlüğe kaydedebilir ve hata raporu olarak e-postayla göndermek gibi çeşitli amaçlarla kullanabilirsiniz.
Eğer bir programcıysanız, JavaScript gibi betik dillerini kullanmanın ve anlamanın ne kadar önemli olduğunu bilirsiniz. Ancak, işlevleri hakkında kafanızın karıştığı zamanlar olabilir.
Ayrıca bakınız: İlişki ve Flört (Ayrıntılı Fark) - Tüm FarklılıklarTıpkı printIn ve console.log fonksiyonları gibi. Bu iki fonksiyonun farkını ve uygulamasını anlamanıza yardımcı olmak için ne anlama geldiklerini ve nasıl çalıştıklarını açıklayacağım.
Hadi başlayalım!
JavaScript nedir?
JavaScript nedir?
JavaScript, düzenli olarak güncellenen materyaller oluşturmak, multimedyayı kontrol etmek, grafikleri canlandırmak ve hemen hemen her şey için kullanılan bir komut dosyası dilidir.
JavaScript programlama dili, aşağıdaki gibi şeyleri yapmanızı sağlayan belirli standart programlama yeteneklerine sahiptir:
- Bir web sayfasında belirli olaylar meydana geldiğinde, çalışan bir koda yanıt verebilirsiniz.
- Yararlı verileri depolamak için değişkenleri kullanabilirsiniz.
- Programlamada bir metin düzenleme işlemi olan "strings" kullanabilirsiniz
Öte yandan, kullanıcı JavaScript dilinin üzerine eklenen işlevsellik daha da ilginçtir. Uygulama Programlama Arayüzleri (API'ler) JavaScript kodunuza ekstra işlevler kazandırır.
Kısacası, JavaScript kodladığınız şeyi kontrol etmenizi sağlayan birçok fonksiyona sahiptir. Bu fonksiyonlar printIn ve console.log'u içerir.
PrintIn nedir?
kodlama
PrintIn, konsolda metin görüntülemek için kullanılan bir Java yöntemidir. Bu yöntem, bu metni String biçiminde bir parametre olarak kabul eder. Bu yaklaşım, imleci bir sonraki satırın başında tutarken metni konsola yazdırır.
Bir sonraki baskı bir sonraki satırda başlar . gibi çeşitli printIn yöntemleri vardır:
| void printIn() | Geçerli satırı sonlandırmak için satır ayırıcı dizesini yazar. |
| void printIn(boolean x) | Bir boole yazdırıldıktan sonra satır sonlandırılır. |
| void printIn(char x) | Bir karakter yazdırıldıktan sonra satır sonlandırılır. |
| void print(char [ ] x) | Satır, bir dizi karakter yazdırıldıktan sonra sonlandırılır. |
| void printIn(double x) | Çift satır yazdırıldıktan sonra satır sonlandırılır. |
| void printIn(float x) | Afloat yazdırıldıktan sonra satır sonlandırılır. |
| void printIn(int x) | Bir tamsayı yazdırıldıktan sonra satır sonlandırılır. |
| void printIn(long x) | Satır boyunca yazdırıldıktan sonra satır sonlandırılır. |
| void printIn(Object x) | Bir nesne yazdırıldıktan sonra satır sonlandırılır. |
| void printIn(String x) | Bir dize yazdırıldıktan sonra satır sonlandırılır. |
printIn'de farklı yöntemlerin kullanımı
Çalışmalarınızı kodlarken kullanabileceğiniz birçok metodu olmasına rağmen, konsolda metni görüntülemek için başka bir yöntemle karşılaşabilirsiniz. Konsolda, çalışmanızı yazdırabileceğiniz iki yöntem vardır, bunlardan ilki printIn iken diğeri print'tir.
Bu iki baskı yöntemi arasında kafa karışıklığı yaşamamanız için, baskıda ikinci yöntem olan baskı arasındaki farkı tanımlayalım.
Print, konsolda metin görüntülemek için kullanılan bir Java yöntemidir. Bu yöntem, bu metni String biçiminde bir parametre olarak kabul eder. Bu yaklaşım, imleci bir sonraki satırın sonunda tutarken metni konsola yazdırır.
Bir sonraki baskı tam burada başlayacak . gibi çeşitli printIn yöntemleri vardır:
| void print(boolean b) | Bir boolean değeri yazdırılır. |
| void print(char c) | Bir karakter yazdırılır. |
| void print(char [ ] s) | Bir dizi karakter yazdırılır. |
| void print(double d) | Çift hassasiyetli kayan noktalı sayı yazdırılır. |
| void print(float f) | Bir kayan noktalı sayı yazdırılır. |
| void print(int i) | Bir tamsayı yazdırılır. |
| void print(long l) | Uzun bir tamsayı yazdırılır. |
| void print(Object obj) | Bir nesne yazdırılır. |
| void print(String s) | Bir dize yazdırılır. |
Baskıda farklı yöntemlerin kullanımı
Kısacası, İkisi arasındaki temel fark, konsolda yazdırılan metnin yerleşimidir. PrintIn bir sonraki satırın başındayken, Print bir sonraki satırın sonuna.
Windows 10-pro ve pro-n hakkında bilgi edinmek istiyorsanız, diğer makaleme göz atın.
Console.log nedir?
Console.log
Konsol, tarayıcının hata ayıklama konsoluna erişmenizi sağlayan bir JavaScript nesnesidir.
console.log, içinde daha önce tanımlanmış olan tüm değişkenleri ve kullanıcıya gösterilmesi gereken tüm bilgileri yazdıran bir JavaScript işlevidir.
Çıktı çoğunlukla terminale kaydedilir (yazdırılır). log() işlevine dizeler, diziler, nesneler ve booleanlar dahil olmak üzere herhangi bir tür aktarılabilir.
console.log() yönteminin çıktısı, tarayıcının geliştirici aracı aracılığıyla erişilebilen JavaScript konsolunda görünür. console.log() ile çıktısını aldığınız her şey, gruplarına veya rollerine bakılmaksızın tüm son kullanıcılar tarafından erişilebilir.
Şimdi bu işlevi nasıl kullanabileceğinize ve bu işlevi kullandıktan sonraki çıktıya bir göz atalım.
| JavaScript | Çıktı |
// console. log() yöntem
| abc 1 gerçek boş tanımlanmamış Array(4) [ 1, 2, 3, 4 ] Nesne { a : 1, b : 2 , c : 3 } |
console.log kullanarak Girdi ve Çıktı
Javascript'te Console.log yöntemi ile Konsola Yazdır nedir?
JavaScript'in en popüler ve yaygın olarak kullanılan konsol yöntemidir. Bu yöntem, çeşitli mesajları veya hesaplama sonuçlarını konsola yazdırmak için veya hatta kodda hata ayıklarken sıklıkla kullanılır.
İki sayıyı toplayan bir kod yazdınız ve bu işlemin sonucunu konsolda görmek istiyorsunuz; bu durumda console.log() yöntemini kullanabilirsiniz.
Belge var num_1 = 2, num_2 = 3; console.log(num_1 + num_2); Console.log senkron mu yoksa asenkron mu?
Sizinle console.log'un senkron mu yoksa asenkron mu olduğunu tartışmadan önce, senkron ve asenkronun ne olduğunu tanımlayacağım.
Senkron, aynı anda gerçekleştiği anlamına gelirken, asenkron aynı anda gerçekleşmediği anlamına gelir. Dolayısıyla, senkronda katılımcılar / kullanıcılar anında geri bildirim alabilir. Asenkron, kendi zamanınızda öğrenmenize olanak tanır.
Cevap vermek gerekirse, concole.log asenkrondur. Bunun nedenini size örneklerle göstereceğim, özellikle de bir dizi nesneyi daha verimli bir şekilde sıralayarak. Başlayalım.
Diyelim ki dizinizde aşağıdaki nesneler var:
| let users = [ { name: "Nicole" , age: 20, surname: "Luna" } , { name: "Cara" , age: 21, surname: "Lim" } , { name: "Lara" , age: 20, surname: "Tuazon" }; ] |
dizi nesneleri
Bu diziyi alan adına göre sıralamanız gerekir, bu da genellikle aşağıdaki şekilde yapılır.
| / / isme göre ( Cara, Lara, Nicole ) users.sort ( ( a, b ) => a.name> b.name ? 1 : -1); / / yaşa göre ( Lara, Nicole, Cara ) users.sort ( ( a, b ) => a.age> b.name ? 1 : -1); |
dizi nesnelerini sıralama
Daha verimli bir şekilde düzenlemek için şöyle bir yol izleyeceksiniz:
| users.sort(byField( 'name' )); users.sort(byField( 'yaş' )); |
dizi nesnelerini sıralama (basit yol)
Bunu yapmak için, dizinizdeki nesneleri Array.prototype.sort'a geçirmek ve sıralamak için "Byfield" işlevini yazmalısınız. Bu makalenin ana odak noktası bu değil, ancak yukarıdaki örneği basit bir şekilde tamamlamak için lütfen aşağıdaki örneğe bakın.
| > let users = [ { name: "Nicole" , age: 20, surname: "Luna" } , { name: "Cara" , age: 21, surname: "Lim" } , { name: "Lara" , age: 20, surname: "Tuazon" }; ] function byField ( fieldName ){ return (a, b ) => a[fieldName] ? 1 : -1 ; } users.sort(byField( 'name' ) ); concole.log(users); users.sort(byField( 'yaş' ) ); concole.log(users); (3) [ { ... }, { ... }, { ... } ] > 0: { ad: " Lara ", yaş: " 20 " , soyad: " Tuazon " } > 1: { ad: " Nicole ", yaş: " 20 " , soyad: " Luna " } > 1: { ad: " Cara ", yaş: " 21 " , soyad: " Lim " } uzunluk: 3 > _proto_: Dizi (0) (3) [ { ... }, { ... }, { ... } ] > 0: { ad: " Lara ", yaş: " 20 " , soyad: " Tuazon " } > 1: { ad: " Nicole ", yaş: " 20 " , soyad: " Luna " } > 1: { ad: " Cara ", yaş: " 21 " , soyad: " Lim " } uzunluk: 3 > _proto_: Dizi (0) |
sıralanmış dizi nesneleri
Yukarıdaki tablodan dizi nesnelerini iki kez sıraladığımı, önce ada göre, sonra yaşa göre sıraladığımı ve her sıralama işleminden sonra console.log()'u çalıştırdığımı görebilirsiniz. Ayrıca, console.log()'un her sıralama sonucu için aynı çıktıyı geri yüklediğini gözlemlemiş olabilirsiniz, ancak durum böyle değil; nedenini açıklayayım.
Yukarıdaki kodu tek seferde çalıştırdım, ardından console.log()'dan her tepkiyi genişletmeye karar verdim. console.log() eşzamansız olduğu için bu önemlidir.
Olay Döngüsü açısından, tüm asenkron özellikler Olay Tablosuna ulaşır. Bu durumda, console.log()'u getirdikten sonra, Olay Tablosuna ilerler ve belirli bir olayın gerçekleşmesini bekler.
Bir olay meydana geldiğinde, console.log() Olay Kuyruğuna gönderilir ve bu Olay Kuyruğunda console.log yerleştirildiğinde zaten mevcut olan tüm işlemler Çağrı Yığınına gönderilinceye kadar bekler, ardından console.log() bu Çağrı Yığınına da gönderilir.
Javascript Console.log Nasıl Açılır?
Web tarayıcılarında Konsol, çeşitli Geliştirici Araçlarından biridir. JavaScript kodunuzdaki sorunları gidermek için Konsolu kullanabilirsiniz. Konsol, tarayıcıya bağlı olarak birçok yerde bulunabilir.
Bu eğitimde size Google Chrome tarayıcınızda Konsolu nerede keşfedeceğinizi öğreteceğim.
Chrome'da konsol günlüğünün nasıl açılacağına ilişkin adımlar
Chrome konsol günlüğünün nasıl açılacağına bakalım.
- Chrome tarayıcı açıkken açılır menüden İncele'yi seçin.
- Inspect'i çalıştırdığınızda Geliştirici Araçları'nın "Elements" sekmesi varsayılan olarak açılacaktır. "Elements "in sağında "Console "a tıklayın.
- Artık Konsolun yanı sıra Konsol günlüğüne kaydedilen çıktıları da görüntüleyebilirsiniz.
Chrome Geliştirici Araçlarını bir dizi kısayol tuşunu kullanarak da açabilirsiniz. Chrome sürümünüze göre aşağıdaki kısayolları kullanabilirsiniz:
Windows ve Linux için,
| Ctrl + Shift + I | Geliştirici Araçları penceresi görünür. |
| Ctrl + Shift + J | Geliştirici Araçlarında Konsol sekmesini seçer. |
| Ctrl + Shift + C | Elemanı İncele modu geçişleri |
Kısayol Tuşları
Son Düşünceler
Bu temel fark printIn ve console.log arasındaki fark, işlevleri ve kodun sonucu . printIn metni konsola yazdırırken console.log daha önce kodlanmış dizeleri içeren tüm değişkenleri yazdırır.
Temel olarak, Javascript'in bu işlevleri değişkenleri ve metni konsola yazdırmanıza ve görüntülemenize olanak tanır. JavaScript'te çeşitli yöntemler kullanarak yazdırabilirsiniz.
JavaScript konsol günlüğü yöntemi, hata ayıklama sırasında en sık kullanılan seçenektir. Kodunuzda daha etkili bir şekilde hata ayıklamak için hepsini uygulamalı ve doğru şekilde nasıl kullanacağınızı öğrenmelisiniz.
Programcılar ve geliştiriciler bunları genellikle içinde önceden tanımlanmış değişkenlerin yanı sıra kullanıcıya sunulması gereken bilgileri yazdırmak için kullanırlar.
