Soyutlamak ne demektir? Soyutlama, bir olayın belirli ayrıntılarını gizlemek ve yalnızca bir senaryo için gereken temel bilgileri görüntülemektir. Konuyla ilgili olanı göstermek ve aynı zamanda fenomenin süreçlerini derinleştirmek.
Wassily Kandinsky'nin yukarıdaki tuval üzerine yağlıboya, soyut sanat türüne giren bir sanat eseridir. Görselden de görebileceğiniz gibi sanatçı, ifade etmek istediği birçok farklı olayın / fikrin ana unsurlarını tek bir tuvalin sınırları içinde resmetmiştir.
Şimdi bu fikri bilgisayar programlama dillerine çevirelim. JavaScript soyutlaması, bir programcının, olayların uygulama ayrıntılarının kapsüllendiği ve işlevsellik ayrıntılarının gizlendiği veya özetlendiği bir kuralda kodladığı bir iş akışıdır. Bu, kodu optimize etmek ve diğer programcıların birlikte çalışmasını daha anlaşılır hale getirmek için verileri düzenlemeye yardımcı olur.
Örneğin gerçek hayattan bir örnek alalım. Bir arabanın vites değiştirdiğimizde, vites kutusunun altında yer alan bir dizi karmaşık mekanik vardır. Ancak sürücü olarak gördüğümüz tek şey, ekranda 1'den 2'ye değişen dişli simgesidir. Bu bir soyutlamadır: bize vites değişimini göstermek için ekranın değiştirilmesi. Bu nedenle, süreç perde arkasında gerçekleşirken bize sadece ilgili bilgileri vermek.
Bir javascript dosyasının yukarıdaki kod parçasında, temel bir soyutlama biçimi görebiliriz. Öyleyse onu parçalayalım:
Satır 1, 2 ve 3 Argümanı 'model' ile 'Araba' adında bir fonksiyon oluşturuyoruz ve ardından 'dişli' adlı sabit bir değişken oluşturup değerini bir olarak ayarlıyoruz.
5. Satır doSomeMagicWithGearStick adında, vitesin değiştirilmesi için dişli kutusunun ihtiyaç duyduğu işlemi çalıştıran bir işlev oluşturuyoruz.
Satır 9 'this.changeGear' adı verilen bir sabiti delcaring yazarak vites değiştiren 'araba' nesnesine atıfta bulunuyoruz. Bu, vites değiştirildiğinde meydana gelen olayların kriterlerini tutar. Argüman değeri, üst vites sınırını 5 olarak ayarlamak için kullandığımız "changeTo" dur. 5'ten büyük herhangi bir vites değiştirme komutu, "Dişli 5'ten fazla olamaz" şeklinde bir hata verecektir.
Satır 13 Gear'ı 9. satırda oluşturduğumuz changeTo bağımsız değişkenine atarız. Bu, oluşturduğumuz vites limitini 'gear' ile ilişkilendirir.
Satır 14 Daha önce 5. satırda yaptığımız işlevi çağırıyoruz. İşlev adının sonuna '()' ekleyerek, işlemini çağırın ve çalıştırın diyoruz.
Satır 18 'Toyota Corolla' adında yeni bir araba nesnesi oluşturuyoruz
Konsoldaki araba nesnesini çağırdığımızda görebileceğiniz gibi, nesne arabasını ve onun bütünleşik bilgilerini karma parantez '{}' içinde geri getiriyor. Karmadaki 'changeGear' anahtarının bir 'function' değeri içerdiğine dikkat edin. Vites değiştirme süreci " f " olarak özetlenmiştir .
Yani bayanlar ve baylar, soyutlamayı kullanmak hayatı aynı zamanda daha yaratıcı ve basitleştirir. Okuduğunuz için teşekkürler.
Teknoloji dünyasında, işletmeler sürekli olarak siber suçluların şeytani faaliyetlerinin tuzağına düşme riski altındadır. Endişe verici derecede sık hale gelen böyle bir taktik, kimlik bilgilerini doldurmaktır.
Gündem: Giriş: TL; Ama okuyabilirim: A / B testi, CloudFront ve Lamba @ edge hakkında zaten bilginiz varsa, AWS Lambda @ edge ile doğrudan A / B testine gidin. A / B testi nedir? A / B testi, kullanıcıların bir web sitesinin iki farklı versiyonunun katılımını karşılaştırmaya odaklanan bir UX araştırma metodolojisidir.
Bugün AppStore'daki birçok uygulama, tablo görünümünü kaydırırken içeriği tablo görünümü başlığındaki ölçekleme gibi davranışlara sahiptir. Bu tür davranışlara nasıl ulaşabileceğimizin en basit yaklaşımını size göstereceğim.
İlk blogumda söz verdiğim gibi 'DOM Nedir?' burada 'DOM işleme' üzerine bir blog var. Bu blogda DOM'a daha fazla dalacağız ve DOM işlemenin ne olduğunu ve nasıl yapıldığını öğreneceğiz.
Node.js'de akışların nasıl çalıştığını hiç merak ettiniz mi? Sahiptim.