js27 js destructuring assignment 한 객체의 프로퍼티들을 여러번 참조할 때에는 const student = { name : 'abc', age : 15}let name = student.name;let age = student.age; 이게 아니라 let { name, age } = student; 이렇게 줄일 수 있다.저장할 변수의 이름을 바꾸고 싶다면 let { real_name = name , real_age = age } = student;//real_name , real_age 변수에 저장된다 배열에서도 사용이 가능하다. const animals = [ 'dog' , 'cat' ];const [ first , second ] = animals; 2022. 1. 14. js hoisting varconsole.log(a);a=4;var a; 위 코드상에선 a가 선언되지도 않아 에러가 나야하지만 var를 이용하면 undefined 가 뜬다(변수는 선언됐단 뜻) 변수를 어디에 선언하든 상관없이 끌어올려 선언시키는 hoisting이라는 것 때문에 소스코드 첫 번째 줄에서도 a를 참조할 수 있다. hoisting으로 인해 편하게 소스를 작성할 수 있어서 좋아보이지만 단점도 확실히 존재함 1. if문 내의 scope var는 let, const와 달리 if문에서 소스 코드를 작성할 시 전역변수와 같은 scope를 지님 그래서 scope관리에 더 신경써야 한다. 2. hoisting var는 let, const와 같이 hoisting이 되지만 let, c.. 2022. 1. 14. js 실행시점 조절 @Async@Defer스크립트의 참조시점을 조절하는 방법이 있다.- async 방식은 html문서를 읽는 도중 js파일을 찾으면 비동기적으로 js파일을 다운로드 한다. 다운로드가 끝나는 시점엔 html문서 리딩을 멈추고 js파일을 실행한다.>> 실행 순서가 보장되지 않는다.-defer 방식은 html문서를 읽는 도중 js파일을 찾으면 비동기적으로 js파일을 다운로드 한다. (일치) html문서 리딩이 끝날 시에 js파일을 실행한다.>> 실행 순서를 보장한다. 2022. 1. 14. 이전 1 2 3 4 5 다음
