5 SCOPES IN JAVASCRIPT!
1) Global scope
2) Block scope
3) Local scope
4) Lexical scope
5) Modul scope
#JavaScirpt #scopes
@Diyorbekk_dev
1) Global scope
2) Block scope
3) Local scope
4) Lexical scope
5) Modul scope
#JavaScirpt #scopes
@Diyorbekk_dev
Diyorbek.dev | 👨🏻💻
5 SCOPES IN JAVASCRIPT! 1) Global scope 2) Block scope 3) Local scope 4) Lexical scope 5) Modul scope #JavaScirpt #scopes @Diyorbekk_dev
1. Global Scope: Har qanday funktsiya yoki blokdan tashqarida e'lon qilingan o'zgaruvchilar global scopge ga tegishli. Ularga kodning istalgan joyidan, jumladan, funksiyalar va bloklar ichidan kirish mumkin. Global oʻzgaruvchilar global obyektga biriktirilgan (brauzerda u window obyektidir) va ularga window obyekti yordamida kirish mumkin.
2. Block Scope: ES6 da
3. Local or Function Scope: Funktsiya ichida e'lon qilingan o'zgaruvchilar local scope ga tegishlidir. Ularga faqat ushbu funktsiya doirasida kirish mumkin va undan tashqarida 🙅♂️. Bu inkapsulyatsiyaga imkon beradi va o‘zgaruvchilarga funksiyadan tashqaridan kirish yoki o‘zgartirishni oldini oladi.
4. Lexical Scope: Statik scope sifatida ham tanilgan, lexical scope oʻzgaruvchilarning manba kodidagi joylashuviga qarab koʻrinishini bildiradi. JavaScript-da o'zgaruvchilar ichki funksiyalar ichidagi joylashuvi va ular aniqlangan leksik muhitga qarab hal qilinadi. Bu shuni anglatadiki, ichki funksiyalar tashqi funksiyalarida belgilangan oʻzgaruvchilarga kirish huquqiga ega, lekin aksincha emas.
5. Modul Scope: ES6 da
#JavaScirpt #scopes
@Diyorbekk_dev
2. Block Scope: ES6 da
let va const kalit soʻzlari bilan kiritilgan block scope kod blokida eʼlon qilingan oʻzgaruvchilarga ishora qiladi (masalan, jingalak qavslar ichida {}). Bu oʻzgaruvchilarga faqat oʻsha blok va har qanday ichki bloklar ichida kirish mumkin.3. Local or Function Scope: Funktsiya ichida e'lon qilingan o'zgaruvchilar local scope ga tegishlidir. Ularga faqat ushbu funktsiya doirasida kirish mumkin va undan tashqarida 🙅♂️. Bu inkapsulyatsiyaga imkon beradi va o‘zgaruvchilarga funksiyadan tashqaridan kirish yoki o‘zgartirishni oldini oladi.
4. Lexical Scope: Statik scope sifatida ham tanilgan, lexical scope oʻzgaruvchilarning manba kodidagi joylashuviga qarab koʻrinishini bildiradi. JavaScript-da o'zgaruvchilar ichki funksiyalar ichidagi joylashuvi va ular aniqlangan leksik muhitga qarab hal qilinadi. Bu shuni anglatadiki, ichki funksiyalar tashqi funksiyalarida belgilangan oʻzgaruvchilarga kirish huquqiga ega, lekin aksincha emas.
5. Modul Scope: ES6 da
import va eksport kalit soʻzlari bilan kiritilgan, modul scope modul ichidagi oʻzgaruvchilar va funksiyalar scope ga ishora qiladi. Modullar kodni alohida fayllarga tartibga solish uchun ishlatiladi va modul ichida e'lon qilingan o'zgaruvchilar va funksiyalarga, agar export kalit so'zi yordamida aniq eksport qilinmasa, faqat shu modul ichida foydalanish mumkin.#JavaScirpt #scopes
@Diyorbekk_dev
❤🔥1
👨🏻💻Endi sizlar bilan LeetCode va HackerRank Plotformalarida berilgan problem larga o'zimning solution and explanation larimni ulashishni boshlayman.
Source codes: Link
#Problems #LeetCode #HackerRank
@Diyorbekk_dev
Source codes: Link
#Problems #LeetCode #HackerRank
@Diyorbekk_dev
❤🔥2
Problem-1 🟢 Easy
Butun sonlar massivi va butun son ko'rinishida target berilgan. Berilgan arrayni istalgan ikkita elementi yig'indisi targetga teng bolgan holatdagi, o'sha ikki elementlarni index qaytarilsin!
Siz har bir kirishda aynan bitta yechim bo'ladi deb taxmin qilishingiz mumkin va siz bir xil elementni ikki marta ishlata olmaysiz.
Javobni istalgan tartibda qaytarishingiz mumkin.
Example: Input: [2, 7, 11, 15], target = 9
Output: [0, 1]
Explanation: Chunki nums[0] + nums[1] == 9, we return [0, 1].
#JavaScript #LeetCode #Problems
@Diyorbekk_dev
Butun sonlar massivi va butun son ko'rinishida target berilgan. Berilgan arrayni istalgan ikkita elementi yig'indisi targetga teng bolgan holatdagi, o'sha ikki elementlarni index qaytarilsin!
Siz har bir kirishda aynan bitta yechim bo'ladi deb taxmin qilishingiz mumkin va siz bir xil elementni ikki marta ishlata olmaysiz.
Javobni istalgan tartibda qaytarishingiz mumkin.
Example: Input: [2, 7, 11, 15], target = 9
Output: [0, 1]
Explanation: Chunki nums[0] + nums[1] == 9, we return [0, 1].
#JavaScript #LeetCode #Problems
@Diyorbekk_dev
❤🔥2
Problem-2 🟢 Easy
Butun son berilgan x, agar x palindrome bo'lsa true, aks holda false qaytarilsin.
Palindrome number: O'ngdan chapga, chapdan o'nga bir xil o'qilishi kerak.
Input: x = 121
Output: true
Explanation: 121 reads as 121 from left to right and from right to left.
#JavaScript #LeetCode #Problems #HackerRank
@Diyorbekk_dev
Butun son berilgan x, agar x palindrome bo'lsa true, aks holda false qaytarilsin.
Palindrome number: O'ngdan chapga, chapdan o'nga bir xil o'qilishi kerak.
Input: x = 121
Output: true
Explanation: 121 reads as 121 from left to right and from right to left.
#JavaScript #LeetCode #Problems #HackerRank
@Diyorbekk_dev
❤1👍1
👨🏻💻Bugun sizlar bilan JavaScript dagi array metodlari haqida gaplashamiz.
Daftar ruchkalarni tayyorlab qo'ying!
#Array, #array_methods, #JavaScript
@Diyorbekk_dev
Daftar ruchkalarni tayyorlab qo'ying!
#Array, #array_methods, #JavaScript
@Diyorbekk_dev
❤🔥2
JavaScriptda massivlarni (array) manipulyatsiya qilish uchun ishlatilishi mumkin bo'lgan bir nechta o'rnatilgan usullar yani metodlar mavjud.
Quyida ko’p ishlatiladigan metodlar keltirilgan:
1. push(): massiv oxiriga bir yoki bir nechta element qo‘shadi.
Returns: Element qo’shilganidan so’ng o’sha arrayning uzunligini qaytaradi.
2. pop(): massivdan oxirgi elementni olib tashlaydi va uni qaytaradi.
Returns: O’chirilgan element.
3. shift(): massivdan birinchi elementni olib tashlaydi va uni qaytaradi.
Returns: O’chirilgan element.
4. unshift(): massiv boshiga bir yoki bir nechta element qo‘shadi.
Returns: Element qo’shilganidan so’ng o’sha arrayning uzunligini qaytaradi.
#Array, #array_methods, #JavaScript
@Diyorbekk_dev
Quyida ko’p ishlatiladigan metodlar keltirilgan:
1. push(): massiv oxiriga bir yoki bir nechta element qo‘shadi.
Returns: Element qo’shilganidan so’ng o’sha arrayning uzunligini qaytaradi.
2. pop(): massivdan oxirgi elementni olib tashlaydi va uni qaytaradi.
Returns: O’chirilgan element.
3. shift(): massivdan birinchi elementni olib tashlaydi va uni qaytaradi.
Returns: O’chirilgan element.
4. unshift(): massiv boshiga bir yoki bir nechta element qo‘shadi.
Returns: Element qo’shilganidan so’ng o’sha arrayning uzunligini qaytaradi.
#Array, #array_methods, #JavaScript
@Diyorbekk_dev
❤🔥2
5. concat(): Ikki yoki undan ortiq massivni birlashtiradi va yangi massivni qaytaradi.
Returns: Birlashgan elementlarni ichiga olgan yangi massive qaytaradi.
6. slice(): Asl massivning bir qismini o‘z ichiga olgan yangi massivni qaytaradi.
Returns: Tanlangan elementlarni o’z ichiga olgan yangi massive qaytaradi.
7. forEach(): Bu massivdagi har bir elementni takrorlash va har bir elementda funksiyani bajarish imkonini beradi.
Returns:
8. map(): Bu asl massivning har bir elementida taqdim etilgan funksiyani chaqirish orqali yangi massiv yaratadi.
Returns: A new array containing the results of applying the provided function to each element.
#Array, #array_methods, #JavaScript
@Diyorbekk_dev
Returns: Birlashgan elementlarni ichiga olgan yangi massive qaytaradi.
6. slice(): Asl massivning bir qismini o‘z ichiga olgan yangi massivni qaytaradi.
Returns: Tanlangan elementlarni o’z ichiga olgan yangi massive qaytaradi.
7. forEach(): Bu massivdagi har bir elementni takrorlash va har bir elementda funksiyani bajarish imkonini beradi.
Returns:
undefined.8. map(): Bu asl massivning har bir elementida taqdim etilgan funksiyani chaqirish orqali yangi massiv yaratadi.
Returns: A new array containing the results of applying the provided function to each element.
#Array, #array_methods, #JavaScript
@Diyorbekk_dev
❤🔥4
Forwarded from Diyorbek Juraev
Media is too big
VIEW IN TELEGRAM
IQRO COMPANY PROJECT || TASK
PROJECT: VERCEL || GITHUB
Used technologies: ReactJs, Vite, TypeScript, Zustand, AOS, SASS, React-slick.
All pictures are optimized. It is adaptive for the any screen!
Created by Diyorbek Juraev
PROJECT: VERCEL || GITHUB
Used technologies: ReactJs, Vite, TypeScript, Zustand, AOS, SASS, React-slick.
All pictures are optimized. It is adaptive for the any screen!
Created by Diyorbek Juraev
🆒5❤1👍1
Diyorbek Juraev
IQRO COMPANY PROJECT || TASK PROJECT: VERCEL || GITHUB Used technologies: ReactJs, Vite, TypeScript, Zustand, AOS, SASS, React-slick. All pictures are optimized. It is adaptive for the any screen! Created by Diyorbek Juraev
Bir kompaniya bergan task bo'yicha, landing page qilishim kerak edi. Berilib ketibman bu safar!😅
Saralash bosqichlari hal bo'ldi. Inshaalloh yagilik bo'lsa astoydil gaplashamiz!
Enjoy coding!
#personal
@Diyorbekk_dev
Saralash bosqichlari hal bo'ldi. Inshaalloh yagilik bo'lsa astoydil gaplashamiz!
Enjoy coding!
#personal
@Diyorbekk_dev
❤🔥2⚡1