데브마우스

아래 코드는 자바스크립트 사용시 프로그래밍 코드로도 사용될 수 있고 변수명으로도 사용될 수 있습니다. 하지만 일부 다른 역할을 할 때도 있기 때문에 주의해서 사용해야하는 코드입니다. alert open onload let 이 외에도 자바스크립트에서 객체로 사용되거나 함수명으로 사용 중 이라면 중복되지 않도록 주의하며 작성하셔야합니다.

변수나 함수 선언 후 undefined가 출력되는건 정상입니다. 자바스크립트에서 변수나 함수를 선언 후 undefined()만 뜨는건 정상입니다. 이후 출력 값을 보고 싶으시면 console.log()에 담아서 출력시키면 값을 확인하실 수 있습니다. console.log()를 입력해도 undefined가 출력되는 경우 위의 변수나 함수 선언과는 다르게 console.log()를 입력해도 undefined가 출력되는 경우가 있습니다. 이럴 경우 개발자 도구의 Console 탭의 사진처럼 Filter 항목에 무언가 입력된게 있는지 확인해보세요. 위의 사진은 입력된 NodeList로 이미 걸러져서 console.log()로 출력을 시켜도 undefined로 출력이 되지 않고 있었습니다.

프로그래밍에서 값을 나중에 사용하거나, 값을 저장하기 위해서 변수를 사용합니다. 그리고 프로그래밍에서 특정한 기능을 수행하는 의미를 가진 단어가 있습니다. 데이터 타입을 지정하거나 반복문(for, while)을 가리키는 경우 등의 경우 원래 기능을 유지하기 위해 변수명이나 함수명으로 지을 수 없게 되어있습니다. 하지만 자바스크립트는 아닙니다. var let = 1; var forEach = 2; var open = 3 위 3줄의 코드는 모두 작동합니다. let은 자바스크립트에서 비교적 새로 만들어진 변수 선언 방법인데 이걸로 변수 선언이 됩니다. 이전에 만들어진 자바스크립트 코드 중 let이 있을 경우도 있으니, 어느정도 이해는 갑니다. forEach는 배열 객체와 함께 사용하는데 변수 선언이 됩니다. ..

자바스크립트에서 Uncaught TypeError: window.open is not a function 에러 발생 시 제일 먼저 확인해야 할 부분이 있습니다. open을 변수명으로 사용하신적이 있나요? 자바스크립트는 예약어가 엄격하지 않습니다. 그렇기 때문에 개발자가 open이라는 변수명을 짓고 사용할 경우 window.open의 open 함수를 사용할 수 없게 됩니다. 아래는 에러가 발생했던 상황을 재현한 코드입니다. 버튼입니다.