728x90 javascript8 [Learn.JS] JavaScript-6 (Function Context, Inheritance, Destructuring) Function Context 자바스크립트의 함수는 특정한 컨텍스트에서 실행되며, this 변수를 사용하여 우리는 자바스크립트에 접근할 수 있다. 브라우저의 모든 표준 기능은 Window 컨텍스트에서 실행됩니다. 객체 또는 클래스 아래에 정의된 함수(다른 함수)는 객체가 생성된 객체의 컨텍스트를 사용합니다. 그러나 함수를 실행하기 전이나 실행하는 동안 런타임에 함수의 컨텍스트를 변경할 수도 있습니다. Binding a method to an object 함수를 객체에 바인딩하고 객체 메소드로 만들기 위해 bind함수를 사용할 수 있습니다. 다음은 간단한 예입니다. var person = { name : "John" }; function printName() { console.log(this.name); .. 2022. 1. 7. [Learn.JS] JavaScript-5 (Promises, Async and Await, 자바스크립트 객체) Promises Promises는 자바스크립트에서 비동기 프로그래밍의 기본이며 마스터하는 데 매우 중요하다. What is Asynchronous Programming? 비동기식 프로그래밍 또는 줄여서 비동기식 프로그래밍은 코드의 다른 부분들이 즉시가 아닌 시간을 바꿔가며 실행될 수 있게 하는 프로그래밍 방법입니다. 이것은 원격 서버에서 정보를 가져와 서버가 반환한 내용으로 어떤 작업을 수행하는 코드를 작성하고자 할 때 주로 필요합니다. function getServerStatus() { const result = fetch("/server/status"); // THIS WILL NOT WORK! console.log("The status from the server is: ", result.ok); .. 2022. 1. 7. [Learn.JS] JavaScript-4 (Pop-up 박스, 콜백, Arrow Functions) Pop-up Boxes javascript에는 confirm, alert, prompt의 세 가지 유형의 팝업 박스가 있습니다. 이들 중 하나를 사용하려면 다음을 입력합니다. confirm("Hi!"); prompt("Bye!"); alert("Hello"); confirm 상자는 확인을 선택하면 "true"가 반환되고 취소를 선택하면 "false"가 반환됩니다. Prompt 상자는 아무것도 반환하지 않습니다. Promt 상자는 텍스트 상자에 있는 내용을 반환합니다. 참고: 프롬프트 상자에는 텍스트 상자에 이미 있을 텍스트인 선택적 두 번째 매개 변수가 있습니다. Exercise 변수 테스트 세트를 Prompt 상자와 동일하게 설정하고 팝업되면 "Hi!"(따옴표 없음)를 입력합니다. 참고: 팝업 차단을 .. 2022. 1. 7. [Learn.JS] JavaScript-3 (Loops, 객체, 함수) Loops The for statement 자바 스크립트는 같은 코드를 여러번 반복하는 메서드가 존재한다. 주로 배열이나 객체에서 반복하는 데 사용됩니다. 예를 들어 보겠습니다. var i; for (i = 0;, i < 3; i = i + 1) { console.log(i); } 다음을 출력할 것 입니다. 0 1 2 for 문은 자바스크립트에서 자바와 C의 for 문과 같은 역할을 한다. 이것은 세가지 파트를 가진다. Initialization - 반복변수 i 를 초기화 합니다 . 이 예제에선 i 를 0 으로 초기화 합니다. Condition - 조건이 맞는 다면 실행을 계속 이어갑니다. 이 예제에선 i 가 3보다 작을 때까지 실행하게 됩니다. Increment - 반복자를 증가시키는 지시어입니다. 우.. 2022. 1. 7. 이전 1 2 다음 728x90