해바라기찬

onclick은 클릭했을 때 실행함수가 1개만 실행된다 addEventListener는 클릭했을 때 실행함수가 여러개 중첩이 가능

const idValidator = { set( target,key, value){ if(value.indexOf('@') == -1){ throw new Error('there is no \'@\'') } return target[key] = value }, get(target, key){ if(!target[key]){ throw new Error(`there is no user name of ${key}`) } return target[key] } } const idByUser = new Proxy({},idValidator) try{ idByUser['kkc'] = 'aa@aa' console.log(idByUser.kkc) console.log(idByUser.sss) console.log(id..

/* const myPromise = new Promise((res,rej)=>{ setTimeout(()=>{ res(true) },2000) }) myPromise.then(msg=>{ if(msg)console.log('success')} ) .catch(err=>{ console.log(err) }) */ let promiseCount = 0 function testPromise(){ let thisPromiseCount = ++promiseCount let log = document.getElementById('log') let p1 = new Promise((res, rej) => { setTimeout(()=>{ res(thisPromiseCount) },Math.random() * 2000..

스코프 변수와 상수, 매개변수가 언제 어디서 정의되는지 결정한다. 클로저 함수가 특정 스코프에 접근할 수 있도록 의도적으로 그 스코프에서 정의하는 경우 let globalF { let blockVar = 'a' globalF = function () { console.log(blockVar) } } globalF() // a console.log(blockVar) //blackVar is not defined 즉시 호출하는 함수 표현식 const msg = function (){ const secret = 's' return secret } console.log(msg()) const msg2 = (function (){ const secret = 's' return secret })() console...