자바스크립트에서 변수를 선언하기 위해 var로 선언하거나 let으로 선언하는 두 가지 옵션이 있습니다. 이제 문제는 언제 var를 사용하고 언제 let을 사용해야 하는지입니다. 즉, 둘의 주요 차이점은 무엇입니까? 다음 텍스트에서 자바스크립트에서 var와 let의 주요 차이점을 알게 됩니다. let과 var의 주요 차이점은 let으로 정의된 변수의 범위는 변수가 선언된 블록으로 제한되는 반면 var로 선언된 변수는 전역 범위를 갖는다는 것입니다. 따라서 var는 블록 범위에 관계없이 전역적으로 변수를 정의하는 키워드라고 말할 수

객체의 전체 복사는 복사하려는 객체 내에서 만나는 모든 객체를 복제합니다. 복사본과 원본 개체는 아무 것도 공유하지 않으므로 원본의 복사본이 됩니다. 가장 쉬운 방법은 객체를 JSON 문자열로 변환하고 다시 JS 객체로 변환하는 것입니다. 그러나 이 방법은 메서드 복사를 허용하지 않습니다. 예시 let obj = {    foo: 1,    bar: { baz: 'test' } } let newObj = JSON.parse(JSON.stringify(obj)); obj.bar.ba

JavaScript에는 기본 절전 기능이 없습니다. 그러나 이 제한을 해결하는 데 사용할 수 있는 몇 가지 해결 방법이 있습니다. 절전 기능을 구현하는 가장 쉬운 방법 중 하나는 setTimeout 및 async/await를 사용하여 자체 절전 기능을 만드는 것입니다. 예시 const sleep = milliseconds => new Promise(resolve => setTimeout(resolve, milliseconds)) // Using callbacks sleep(1000).then(() => console

열거형은 JavaScript에서 기본적으로 지원되지 않습니다. 그러나 열거 가능한 모든 속성을 포함하는 개체를 만든 다음 새 열거형을 추가할 수 없도록 개체를 동결하여 Object.freeze를 사용하여 열거형을 만들 수 있습니다. 예시 const Color = {    RED: 1,    BLUE: 2,    GREEN: 3,    YELLOW: 4 }; Object.freeze(Color); // Example usage: let carColor = Colo

집합은 특정 순서 없이 반복되는 값 없이 특정 값을 저장할 수 있는 추상 데이터 유형입니다. 유한 집합의 수학적 개념을 컴퓨터로 구현한 것입니다. 대부분의 다른 컬렉션 유형과 달리 집합에서 특정 요소를 검색하는 대신 일반적으로 집합의 구성원 자격에 대한 값을 테스트합니다. 순서가 중요하지 않은 컨테이너에 고유한 요소를 저장하고 주로 다른 개체의 구성원을 확인하는 데 사용하려는 경우 집합을 사용해야 합니다. 집합은 수학 집합에서와 같이 합집합, 교집합, 차등 연산을 수행하려는 경우에도 유용합니다. Set 개체를 사용하면 기본 값이

집합은 특정 순서 없이 반복되는 값 없이 특정 값을 저장할 수 있는 추상 데이터 유형입니다. 유한 집합의 수학적 개념을 컴퓨터로 구현한 것입니다. 대부분의 다른 컬렉션 유형과 달리 집합에서 특정 요소를 검색하는 대신 일반적으로 집합의 구성원 자격에 대한 값을 테스트합니다. js에서 집합을 만드는 방법 - 1. 빈 Set 생성자 사용 let mySet = new Set(); mySet.add(1); mySet.add(1); console.log(mySet) 출력 Set { 1 } 2. 생성자에 iterable 전달 집합

JavaScript의 Set 클래스는 주어진 집합 개체에서 모든 요소를 ​​제거하는 명확한 메서드를 제공합니다. 이 방법은 다음과 같이 사용할 수 있습니다 - 예시 mySet =new Set();mySet.add(1);mySet.add(2);mySet.add(1);mySet.add(3);mySet.add(a);console. log(mySet)mySet.clear();console.log(mySet) 출력 세트 { 1, 2, 3, a }세트 { } 요소를 반복하여 요소를 개별적으로 제거할 수도 있습니다. 예시 mySet =ne

JavaScript의 Set 클래스는 주어진 set 객체에서 요소를 검색하는 has 메소드를 제공합니다. 이 방법은 다음과 같이 사용할 수 있습니다 - 예시 mySet =new Set();mySet.add(1);mySet.add(2);mySet.add(1);mySet.add(3);mySet.add(a);console. log(mySet)console.log(mySet.has(55))console.log(mySet.has())console.log(mySet.has({}))console.log(mySet.has(1)) console.

JavaScript의 Set 클래스는 주어진 set 객체에서 요소를 검색하는 has 메소드를 제공합니다. 집합에서 개체를 검색하려면 해당 개체에 대한 참조를 제공해야 합니다. 메모리 주소가 다른 동일한 개체는 동일한 것으로 간주되지 않습니다. 이 방법은 다음과 같이 사용할 수 있습니다 - 예시 let mySet = new Set(); let myObj = {name: "John"} mySet.add(1); mySet.add(3); mySet.add("a"); mySet.add(myObj); con

집합을 사용하여 코드를 더 빠르게 만드는 방법을 이해하려면 먼저 배열 대신 집합을 사용해야 하는 시나리오를 이해해야 합니다. − 세트에는 고유한 요소만 포함되므로 구조에 중복 데이터를 저장하지 않으려는 것을 미리 알고 있으면 더 쉽습니다. Union(), intersect(), difference() 등과 같은 Set의 기본 작업은 기본 제공되는 기본 제공 작업을 기반으로 쉽게 효과적으로 구현됩니다. delete() 메서드로 인해 2개의 Array에 동일한 작업을 수행하는 것보다 2개의 Set 간의 교차/결합을 훨씬 더

\s 메타 문자는 공백 문자를 찾는 데 사용됩니다. 공백 문자는 다음과 같을 수 있습니다. - 공백 문자 탭 문자 캐리지 리턴 문자 개행 문자 세로 탭 문자 양식 피드 문자 예시 // Not containing any white spaces: console.log(/\s/.test("1")) console.log(/\s/.test("test")) // Containing whitespace characters: console.log(/\s/.test(" ")) console

\W 메타 문자는 단어가 아닌 문자를 찾는 데 사용됩니다. 단어 문자는 _(밑줄) 문자를 포함하여 a-z, A-Z, 0-9의 문자입니다. 예시 // Containing any non word character: console.log(/\W/.test(" ")) console.log(/\W/.test(".!@#")) // Not containing non word characters: console.log(/\W/.test("a")) console.log(/\W/.test(&qu

JavaScript는 다중 상속을 지원하지 않습니다. 그러나 때로는 단일 개체에 2개의 클래스 기능을 추가해야 할 필요가 있습니다. Mixin은 상속을 사용하지 않고 객체에 속성을 추가하는 방법입니다. 예를 들어 Person 클래스가 있다고 가정해 보겠습니다. 그리고 우리는 사람들이 안녕이라고 말할 수 있기를 바랍니다. 우리는 sayHiMixin을 만들어 사람들이 인사하게 만드는 데 사용할 수 있습니다 - 예시 let sayHiMixin = {    sayHi() {       cons

ES6에 도입된 자바스크립트 클래스는 자바스크립트 프로토타입 기반 상속에 대한 문법적 설탕입니다. 클래스는 실제로 특수 기능입니다. 다음 구문을 사용하여 class 키워드를 사용하여 JavaScript에서 클래스를 정의할 수 있습니다. - class Person {    // Constructor for this class    constructor(name) {       this.name = name;    }    // an in

클로저는 함수와 그 함수가 선언된 어휘 환경의 조합입니다. function outerFunc() {    var name = "TutorialsPoint"; // name is a local variable created by outerFunc    return function innerFunc() {       // innerFunc() is the inner function, a closure       console.lo

가비지 수집 언어에서 누출의 주요 원인은 원치 않는 참조입니다. 메모리 누수를 이해하기 위해 메모리 해제(가비지 컬렉션)가 어떻게 작동하는지 살펴보겠습니다. Mark-and-sweep 알고리즘 −이 알고리즘은 객체가 더 이상 필요하지 않음의 정의를 객체에 연결할 수 없음으로 줄입니다. 이 알고리즘은 루트라는 개체 집합에 대한 지식을 가정합니다. JavaScript에서 루트는 전역 객체입니다. 주기적으로 GC는 이러한 루트에서 시작하여 이 루트에서 참조되는 모든 객체를 재귀적으로 찾습니다. 따라서 GC는 루트에서 시작하여 연결할 수

두 개의 개별 개체가 서로에 대한 참조를 전달하면 순환 참조가 발생합니다. 이전 브라우저에서는 순환 참조가 메모리 누수의 원인이었습니다. 이제 주기 및 순환 종속성을 잘 처리할 수 있는 가비지 수집 알고리즘이 개선되어 더 이상 문제가 되지 않습니다. 그러나 순수한 디자인 관점에서 순환 참조는 여전히 나쁜 것이고 코드 냄새가 납니다. 순환 참조는 서로를 참조하는 2개의 객체가 밀접하게 결합되어 있으며 한 객체에 대한 변경 사항이 다른 객체에도 변경이 필요할 수 있음을 의미합니다. Dog와 Person이라는 2개의 객체가 있다고

캐스케이딩이라고도 하는 연결 메서드는 하나의 연속적인 코드 줄에서 객체에 대해 한 메서드를 반복적으로 호출하는 것을 의미합니다. 메서드 체인이 반복을 방지하는 데 도움이 되는 예를 살펴보겠습니다. 예시 예를 들어 다음 클래스 자동차를 가져오십시오. - class Car {    constructor() {       this.wheels = 4       this.doors = 4       this.topSpeed = 100 &nb

다중 상속에서 개체는 관련 없는 부모 개체의 속성과 값을 상속할 수 있습니다. 일부 객체 지향 언어는 다중 상속을 허용합니다. JavaScript는 다중 상속을 지원하지 않습니다. 속성 값의 상속은 JavaScript가 값을 찾기 위해 개체의 프로토타입 체인을 검색하여 런타임에 발생합니다. 모든 개체에는 연결된 단일 프로토타입이 있으므로 둘 이상의 프로토타입 체인에서 동적으로 상속할 수 없습니다. JS에서 다중 상속이 작동하도록 하는 해결 방법이 있습니다. 이러한 예는 https://stackoverflow.com/questio

Promise 개체는 비동기 작업의 최종 완료(또는 실패)와 결과 값을 나타냅니다. 비동기 대기 함수 및 연산자는 약속에서 작동합니다. Async/await 함수는 백그라운드에서 비동기 작업을 수행하면서 완전히 동기적으로 보이는 코드를 작성하는 데 도움이 됩니다. 예를 들어, 약속을 반환하는 비동기 함수가 있다고 가정해 보겠습니다. // Promise that resolves to 100 after 2sec function getHundred() {    return new Promise(resolve =&g