공부/TIL-D (65) 썸네일형 리스트형 디스트럭쳐링 디스트럭처링 스트럭쳐 =구조, 구조화 디스트럭쳐 (파괴, 비구조화) [배열 디스트럭쳐링] 구조화된 배열 or 객체를 파괴하여 개별적인 변수에 할당하는것. 필요한값만 추출해서 변수에 할당하거나 변환할때 유용 -기준 배열의 인덱스 const [one, two, three] = arr; 배열이 아닌 변수명 배열 디스트럭처링을 위해서는 할당 연산자 왼쪽에 배열 형태의 변수 리스트가 필요하다. 할당 기준은 오른쪽의 인덱스 기준 [one, , three] = [1,2,3] one =1 three =3 2 = '' 객체 디스트럭처링 - 객체 디스트럭처링에는 객체 형태의 변수 리스트 필요 기준은 프로퍼티(키) rest parameter rest parameter, spread, 무엇이고 어떻게 활용하는지 (매개변수) (전개연산자) Rest 파라미터(Rest Parameter)는 Spread 연산자(...)를 사용하여 파라미터를 정의한 것을 의미한다 파라미터가 뭐죠? -함수 정의문에서 변수로 담는 부분 [인수를 배열로 받을 수 있다 ] 조건은 반드시 마지막 파라미터여야된다 어떻게 활용되죠? 예전에는 가변인자함수(매개변수가 몇개 들어올지 모를때) argumnets객체를 사용해야됬지만, 지금은 ...으로 미리 찍어두면 배열로 받으니까 몇개가 될지 몰라도 괜찮다 그렇다면 arguments와 rest파라미터의 차이점은 무엇일까? 가변인자 함수의 매개변수 개수를 구할때, es5에서 사용하면 arguments와 , es6의 rest 파라미터 arg.. 자바스크립트 문 this는 다음상황에서 어떻게 바인딩 되는지 일단 this는 자기 참조 변수 사용처는 '함수' 즉 ,this를 안다는것은 함수 호출,함수 실행,문맥 더 나아가서는 자바스크립트 엔진이 돌아가는 방식을 이해하고 있다(콜스텍) 다만 값은 함수 호출 방식에 의해 동적 결정 바인딩:값과 식별자를 연결 인스턴스:생성자 함수에 의해 생성되는 객체 this는 다음 상황에서 어떻게 바인딩 되는지 토론해 보세요 0)전역에서 호출 - 브라우저 window객체,(전역객체) - node.js -global 1)일반함수 호출 - 브라우저 window객체,(전역객체) - node.js -global 2)내부함수 호출 - 내부함수 더라도, 일반호출이라면 전역객체 3)method 호출 - 메소드를 호출한 객체( .앞에) 4)생성자 함수호출 -생성자 함수가 생성할 인스턴스 5)콜.. 메소드 사용해보기 function circleArea(number){ let pi = Math.PI; let num = Math.abs(number); return num * num * pi; } console.log(circleArea(10)); function mintoMax(min,max){ let random = Math.floor((Math.random() * (max-2)) + min); return random; } function ceilBy5(num){ let number = Math.ceil( num / 5 ) * 5; return number; } function htmlHexCode(){ let String = '#'; for(let i=0; i < 6; i++) { a=Math.floor(Math... 러버덕 일급 객체의 조건 리터럴로 생성할 수 있다 변수나 자료구조에 저장가능 매개변수로 전달 가능 함수 반환값으로 사용가능 2.프로토 타입 프로토타입 기반의 상속의 이점 코드 재사용(상속) classical 방식 vs prototypal 방식 모든 인스턴스가 공통적으로 사용할 것 구현해놓으면 따른 구현없이 부모객체 자산 공유가능 3.constructor, prototype객체 __proto__에 대해 constructor 프로퍼티는 prototype 프로퍼티로 자신을 참조하고 있는 생성자 함수 프로토타입 객체는 constructor 프로퍼티를 갖는다. 이 constructor 프로퍼티는 객체의 입장에서 자신을 생성한 객체를 가리킨다. 자바스크립트의 모든 객체는 자신의 부모 역할을 담당하는 객체와 연결되어 있다... 0511 1 index.html에서 main.js를 로드하기 위한 코드 루트, main.js 는 src/js 디렉터리 위치 2.변수란 무엇인가 어떠한 '한값'을 저장하기 위한 메모리 공간에 붙인 '이름' 또는 메모리 공간 그자체 3.자바스크립트 자료형을 모두 나열하라 원시형 정수형 문자열 undefined,null,symbol,boolean,객체(참조타입) 4.var foo = 42/-0 console.log(foo);값 -Infinity 5.리터럴이란 무엇인가 소스코드내에서 직접 작성한 값이 될 것 ex)50 리터럴은 값이 되지만(리터럴 값이라 할 수 있음) 값이 꼭 리터럴이 되는 것은 아님 6.표현식이란 무엇인가 50+50 처럼 평가되어 하나의 값이 될 문 7. var x= 5; 일떄 console.log(x.. type of null type of null은 object (버그) !!null은 false !null은 true , console.log(null) null isFinite(null)은, 0으로 값변환하여 true 이전 1 2 3 4 5 6 7 ··· 9 다음
