JavaScript29 JavaScript <객체Object4> 객체의 참조 타입 이해- 자바스크립트의 데이터 타입은 크게 2가지 나뉨 1. '원시' 타입(ptimitve Type)- 데이터가 변수에 직접 저장되는 형태- 문자열, 숫자, 불린, null, undefined, symbol 2. '참조' 타입 (reference Type)- 객체를 포함한 나머지 데이터 타입- 메모리에 저장된 객체의 주소를 변수가 저장- 메모리에 직접 저장된 갑슬 참조하는 데이터 타입 참조 타입 - 참조 타입은 변수에 직접 값을 저장 X: 메모리에 저장된 값으 가져옴- 참조 타입이 변수를 다른 변수에 할당할 경우: 새로운 변수는 원래 변수가 참조하고 있던 메모리의 주소를 가짐: 두 변수가 같은 객체를 참조 ---원시 타입--- let num1 = 3;let num2 = num1; // n.. 2024. 6. 6. JavaScript <객체Object 3> 자바스크립트의 객체 프로토타입-객체의 원형(프로토타입)을 사용하여 새로운 객체를 생성하고 이를 통해 객체의 속성과 메서드 재사용이 가능 1. 프로토타입 기반 언어- 객체를 원형 (프로토타입)으로 하는 복제 과정을 통해객체의 동작 방식을 재사용 할 수 있게 하는 방법- 모든 객체들이 메서드와 속성들을 상속 받기 위한 템플릿(틀)으로써 프로토탑입 객체를 가짐- 정의된 객체를 기잔으로 생성된 다른 객체들이 공통적으로 사용할 수 있는 속성과 메서드를 제공 2. 생성자 함수르 사용한 객체 생성 (객체의 틀을 정의)- 특정 타입의 객첼,ㄹ 만들기 위한 템플릿 역할- 생성자 함수를 사용할 경우 코드를 재사용하여 갑은 구조의 객체를 여러 개 생성 가능 - new 키워드를 사용하여 새로운 객체를 생성- 관례적으로 함수.. 2024. 6. 5. JavaScript <객체Object 2> 1. 객체의 접근 방법 배열(리스트)은 각 요소에 대해 인덱스로 접근 # 객체는 각 요소값에 대해 키로 접근- 객체명.속성명- 객체명.메서드명 - 점 표기법 this 키워드 - 지금 동작하고 있느 코드를 가지고 있는 객체를 가리킴console.log(`Hello, ${this.name.last}`); === console.log(`Hello, ${dog.name.last}`);- 같은 의미를 지니고 있다. JS의 this 키워드 1. 전역 컨텍스트- 전체 실행 상태>> Node.js에서는 global(전역)객체>> 브라우저 환경에서는 window 2. 함수 컨텍스트1) 일반함수의 this- 전역 객체를 의미 - 전역 컨텍스트와 동일+ 엄격 모드에선,ㄴ underfined로 출력 2) 메서드로서의 함수 .. 2024. 6. 4. JavaScript <객체Object 1> 1.객체(Object)의 개요 1) 객체의 정의- 관련된 데이터와 함수를 모아 놓은 집함- 객체 내부에서는 데이터와 함수를 프로퍼티(속성)과 메서드(기능)라고 불림-자바 스크립드는 '객체'지향 프로그래밍 언어-실세계에 존재하고 인지하는 모든 것을 객체로 표현 2) 객체의 특징- 객체는 데이터 타입 중 하나. 다양한값을 담을 수 있는 컨테이너ex) 배열도 여러 타입의 자료를 담는 것이 가능한 객체의 이부: 배열은 개체의 여러 데이터를 순차적으로 인덱스를 부여한 타입- typeof(데이터): 해당 데이터의 형태를 반환console.log(typeof([1, 2, 3])); // object 2. 객체의 구조-객네 지향 프로그램의 객체:고유한 특성가 동작을 가지는 것 # 예시'사람'이라는 객체의 정의 특정 .. 2024. 6. 3. JavaScript <콜백함수 4> 고차 함수 - 타이머 함수- 특정한 시간이 지난 후 함수를 실행하거나 일정 간격으로 함수를 반복 실해하는 기능을 제공- 비동기 작업 처리에 주로 사용 1. setTimeOout(함수, 시간)- 지정된 시간이 지난 후에, 주어진 함수를 단 한 번 실행- 첫 번째 인자: 실행할 함수- 두 번째 인자:지연 시간(밀리초 단위, 1000초 - 1초) 1) 기본 사용법function greet(name="이승아") { console.log(`Hello, ${name}`);}greet();//결과: Hello, 장지민- 2초 뒤에 greet 함수를 실행- 콜백함수로 함수명만 전달!- 함수에 인자 전달 >> 세번째 인자부터 나열되는 값은 함수의 매개변수로 전달 2) 익명 함수 사용setTimeout(function(.. 2024. 6. 2. JavaScript <콜백함수3> .기타 배열의 고급 메서드 (고차함수) reduce(): 배열의 각 요소에 대해 함수를 적용하여 '단일 값을 생성' >> 기본구조배열명.reduce((accumulator, currentValue, current Index, arrav) => {함수 로직}, initaialValue);- reduce 배열읠 인자값: 콜백함수, 초기값(initialValue) 1) 콜백함수의 인자값- accumulator: 이전 리듀스 호출의 반환값- 첫 번째 호출에서는 intialvalue값이 지정- 각 호출에서 축적되는 값 currentValue: 현재 처리 중인 배열의 요소 2) 선택값-- current Index: 현재 처리 중인 배열 요소의 인덱스- array: reduce가 호출된 배열 그 자체 3) 초기값 .. 2024. 6. 1. 이전 1 2 3 4 5 다음
