본문 바로가기

JavaScript 팁11

JavaScript 함수: 매개변수 대 인수 매개 변수 function multiplyByTwo(whatever) { return whatever * 2; }; 논쟁들 multiplyByTwo(6); //=> 12 이제 '아무거나'라는 단어로 조금 놀아봅시다. let whatever = 10; whatever; //=> 10 multiplyByTwo(whatever); //=> 20 whatever = 15; multiplyByTwo(whatever); //=> 30 multiplyByTwo(8); //=> 16 또 다른 기능을 소개합니다. function addTwoNumbers(a, b) { return a + b; } addTwoNumbers(1, 2); //=> 3 multiplyByTwo(addTwoNumbers(1, 2)); //=> 6.. 2022. 2. 15.
Javascript에서 Promise 개체의 기본 제공 메서드 만약 당신이 자바스크립트 개발자로 일한 지 오래되었다면, 당신은 Promise를 발견했을 것이다. 그렇지 않다면 간단한 소개를 하겠습니다. 나는 오랫동안 약속들을 다뤄왔고, 그것들이 자바스크립트에서 비동기 동작을 나타내는 좋은 방법이라고 생각한다. 이 제품들은 훌륭하지만, 여전히 우리 대부분이 알지 못하는 내장 기능들이 많이 있습니다(일주일 전까지만 해도요. 오늘 이 게시물을 통해 저는 Promise 객체의 4가지 흥미로운 빌트인 특징을 설명하고자 합니다. 먼저 데모에 사용한 유틸리티에 대해 살펴보겠습니다. // configs for the createPromiseArrayFromConfig function const allItemsWillResolve = [ { settleAfterSeconds: 1,.. 2022. 1. 11.
Javascript의 O.O. 객체 지향 프로그래밍은 단순히 다른 유형의 객체와 그 속성의 개념에 기반을 둔 프로그래밍 패턴이다. 지금은 거의 모든 프로그래밍 언어가 OOP를 지원하지만, 이 기사에서는 자바스크립트에서 OOP의 주요 특징에 대해 살펴보고 간단한 예를 들어 설명하겠습니다. 우리는 이러한 원칙을 예시하기 위해 자바스크립트에서 OOP의 핵심 특성을 사용하여 상속과 다형성 온베이스 수준을 살펴볼 것이다. 생성자 및 "this" 키워드. 자바스크립트의 객체 지향 프로그래밍과 다른 프로그래밍 언어에서 가장 필수적인 두 가지는 바로 이 키워드와 생성자이다. 자바스크립트 Es6+를 학습할 때 구문당이나 생성자를 작성하거나 클래스를 선언하는 더 편리한 방법으로 간주되지만, 이 글에서는 생성자가 후드 아래에서 어떻게 작동하는지 더 깊이.. 2022. 1. 11.
자바스크립트에서 어떤 종류의 루프가 가장 빠릅니까? 어떤 루프 또는 반복기가 사용자의 요구에 적합한지 알아보고 앱 성능을 해치는 어리석은 실수를 방지하십시오. 웹 개발에서 자바스크립트는 새로운 센세이션을 일으키고 있다. NodeJS, React, Angular Vue 등과 같은 JS 프레임워크뿐만 아니라 바닐라 JS도 많은 팬층을 보유하고 있습니다. 이제 현대 자바스크립트에 대해 이야기해보자. 거의 모든 프로그래밍 언어는 루프를 사용한다. 현대 JS 언어는 가치에 대한 반복에 있어 많은 유연성을 제공합니다. 문제는, 어떤 루프와 반복이 당신의 요구에 가장 잘 맞는지 아는가 하는 것입니다. 루프에 대해 , for (reverse), for …of , foreach , for …in 및 for…wait 등 다양한 옵션을 사용할 수 있습니다. 그 기사는 그러한.. 2022. 1. 11.
JavaScript의 기본 VS 비기본/참조 유형 원시 대 원시적이지 않은 것의 차이와 작동을 5/분 안에 이해합시다. 기본 데이터 형식은 문자열, 숫자, 부울, 정의되지 않음, Null입니다. 비기본/참조 유형은 배열 , 객체, 함수입니다. 이제 먼저 이러한 값이 메모리에 저장되는 방법에 대해 알아보겠습니다. Primative 값은 Stack by value에 저장되고 non-primative 값은 참조로 저장됩니다. 변수 let name=" Humza "를 정의할 때 스택에 저장됩니다. 예를 들어 설명하겠습니다. 이제 출력은 "함자" 또는 "사지드"가 될 것 같습니까? 원시 값이 값으로 스택에 저장되므로 한 값이 변경되었을 때 다른 값에 영향을 미치지 않기 때문에 "함자"가 될 것이다. 힙 케이스에서는 어떤 일이 일어날까요? 힙은 크지만 속도가 느린.. 2022. 1. 4.
JavaScript에서 객체 배열에 대한 효율적인 설정 작업 세트 연산은 거의 모든 애플리케이션에서 볼 수 있기 때문에 효율적인 방식으로 작성하는 것이 매우 중요합니다. 오늘은 Javascript의 세트 연산에 초점을 맞추고 어레이 내부의 데이터 교차, 차이 및 합계(세트 의미)를 작성하는 방법에 대한 두 가지 접근 방식을 비교할 것이다. 순진한 사람을 피하는 것이 왜 그렇게 중요한지도 알게 될 것이다. 예를 들어 시작해 보겠습니다. 예 당신이 인터넷 유명인사 존의 데이터 매니저라고 상상해 보세요. 존은 인스타그램과 트위터라는 두 개의 소셜 미디어에 계정을 가지고 있다. 당신의 임무는 그를 따르는 사용자들을 조사하는 것입니다. 두 가지 사용자 배열(Instagram과 Twitter)이 있습니다. 참고: 사용자를 비교하기 위해 이메일 주소 필드를 사용합니다(사용자가.. 2022. 1. 4.
구축 대 변동 var 여기 자바스크립트 프로그래밍 언어의 아름다운 점이 있다, 그것은 놀라움으로 가득 차 있다. 다음 중 하나: "Let"는 블록 범위이며, 문을 초기화하는 데 사용되는 전역 범위 지역 변수가 아니다. 변수 "fname"은 함수 외부에서 액세스할 수 없으므로 블록 범위이지만 함수 내에서 액세스할 수 있는 예제를 볼 수 있습니다. 구성: 일반적으로 상수로 알려져 있는 "상수"는 이제 null 또는 다른 값에 할당한 후에는 값을 변경할 수 없다는 것을 이해합니다. 아래 예제를 참조하십시오. 또한 문을 초기화하는 데 사용되는 전역 범위 지역 변수가 아닌 블록 범위입니다. 변수: "Var"는 변수 선언에 사용되며 전역 범위 변수입니다. 및 "Var"도 재할당할 수 있습니다. 2022. 1. 4.
JavaScript 프레임워크를 배울 준비가 되었나요? a 최근에 웹 개발을 배우기 시작한 제 친구는 제게 "리액트에서 다른 함수 안에 있는 함수의 변수를 참조할 때마다 정의되지 않은 오류가 발생하는 이유는 무엇입니까?"라고 물었습니다. 나는 내 친구가 스코프에 대한 기본적인 자바스크립트 지식이 부족하다는 것을 금세 깨달았습니다. 이 글에서, 저는 제 친구가 했던 것처럼 틀을 서두르지 않는 것이 왜 그렇게 중요한지 설명하고, 틀을 배우기 전에 여러분이 익혀야 할 것들에 대한 실제적인 예를 몇 가지 들려드리려고 노력할 것입니다. 왜 서두르지 않지? 자바스크립트 프레임워크는 어디에나 있다. Respect, Angular, Vue, Svelte, Ext JS, Express, Hapi는 전 세계 수백만 개의 회사에서 사용하며, 모든 채용 공고는 이들 중 적어도 하.. 2021. 12. 30.
몰랐던 5가지 JavaScript 기능 초보 개발자나 경험 많은 개발자가 이러한 자바스크립트 기능은 표준이 아니므로 놓치거나 잊어버릴 수 있는 잘 알려지지 않은 자바스크립트 기능입니다. 하지만, 여러분의 정신력과 JS 능력을 향상시키기 위해 이것들을 아는 것은 항상 좋습니다. Nullish 병합 연산자 널리시 병합 연산자(??)는 기본적으로 OR (|) 논리 연산자의 반대이다. 왼쪽이 null이거나 정의되지 않은 경우에만 오른쪽 피연산자를 반환합니다. 논리적 널리시 할당(??)을 사용할 수도 있습니다.=) 변수가 null이거나 정의되지 않은 경우에만 변수를 할당합니다. 예: 'with' 문 with 문을 사용하면 객체를 블록 문의 범위로 사용할 수 있습니다. 예를 들어 0.5의 ceil을 기록하려고 하면 다음을 수행할 수 있습니다. 로 다음을.. 2021. 12. 29.
동적으로 PWA 앱 매니페스트 만들기 모든 Progressive Web App에는 앱 매니페스트, 앱의 기본 정보(이름, 아이콘, 설명 등)가 포함된 간단한 JSON 파일이 있습니다. 기존 웹 앱에 PWA 기능만 추가하려는 경우, Progressier에는 동적 앱 아이콘 옵션을 포함하여 필요한 모든 것이 있습니다. 그러나 만약 당신이 당신의 웹 앱 매니페스트를 동적으로 만들고 싶다면, 계속 읽어보세요. 전통적인 방식 당신의 첫 번째 PWA를 만들 때, 가장 간단한 방법은 당신의 HTML 템플릿의섹션에 직접 당신의 앱 매니페스트에 링크를 추가하는 것이다. 호스트 매니페스트.json은 당신의 사이트 어디에나 있습니다. 결과 JSON 파일은 다음과 같아야 합니다. { "short_name":"Coronavirus", "name":"The Coro.. 2021. 12. 29.
Javascript를 이용한 빠른 Array Reverse 구현 방법 가끔 도전하는 영상을 만들곤 했는데 오늘은 다르다. 간단하게 할게요. 이 그림에서 배열 반전을 수행하는 콜백 예제를 볼 수 있습니다. 놀랍네요, 프로토타입 "역방향" 기능은 항상 다른 제품보다 성능이 빠릅니다. 그 이유는: 콘솔에서 "Array.protype.reverse"를 쓰면 다음과 같이 표시됩니다. 역방향() { [native code] } 자바스크립트가 아닌 C 또는 C++로 작성된 함수이기 때문입니다. 출처: https://github.com/AlexcastroDev/code_challenges/blob/master/Array%20DS/index.js 2021. 12. 28.

티스토리툴바