본문 바로가기
반응형

javascript58

삼항 조건 연산자 if 문을 사용할 때 한줄로 축약할 수 있는 방법입니다. 아래 예제입니다. 1 2 3 4 5 var age = 30; var canDrinkAlcohol = (age > 19) ? "true, over 19" : "false, under 19"; alert(canDrinkAlcohol); // true, over 19 if / else 문 대신 삼항 연산자를 사용하면 함수를 사용할 때 깔끔하게 만들 수 있습니다. if/else 1 2 3 4 5 6 7 8 9 10 11 function canDrinkAlcohol(age){ if(age > 19){ return true }else{ return false } } var output = canDrinkAlcohol(20); alert(output) //tr.. 2019. 9. 25.
이벤트 중단 방법 javascript에서 이벤트 중단하는 방법 자바스크립트 이벤트 리스너에서 preventDefault()와 stopPropagation() 그리고 return false는 이벤트 중단을 위해 자주 사용된다. 이벤트 중단에 사용되는 방식은 다음과 같다. event.preventDefault() 현재 이벤트의 기본 동작을 중단한다. event.stopPropagation() 현재 이벤트가 상위로 전파되지 않도록 중단한다. event.stopImmediatePropagation() 현재 이벤트가 상위 뿐 아니라 현재 레벨에 걸린 다른 이벤트도 동작하지 않게 중단한다. return false 제이쿼리를 사용할 때는 위의 두개를 모두 사용한 것과 같고, 제이쿼리를 사용하지 않을 때는 event.preventDef.. 2019. 9. 25.
반복문으로 구구단 js의 기초인 for문으로 구구단 만들기를 해봤습니다. 먼저 2단 만들기입니다. 1 2 3 for(var i=1; i 2019. 9. 25.
var, const, let ES6(ECMA Script 2015, 줄여서 ES6)로 넘어오면서 기존 ES5 까지 사용하던 변수 선언 키워드인 var에다 const와 let이라는 키워드가 추가되었습니다. 물론 var 없이도 변수를 선언할 수 있습니다만, 그렇게 되면 전역객체(브라우저 환경에서는 window 객체)의 속성이 되기 때문에 동일한 이름의 변수를 사용하다가는 치명적인 문제가 발생할 수도 있습니다. 기존 자바스크립트의 변수는 기본적으로 Function Scope 입니다(var 로 선언한 변수). 변수의 유효범위가 함수단위라는 이야기입니다. java 나 C 등의 많이 사용되는 프로그래밍 언어를 공부해 보았다면 알겠지만, 대체로 이 언어들은 Function Scope 가 아닌 Block Scope 를 가집니다.(python 은 .. 2019. 9. 25.
반응형