[자바스크립트] 보충1

자바스크립트로 하는 일

1. Form에서 만들어진 데이터 확인 및 설정하기 (검증작업) 2. BOM 객체에 대한 이해 (window 자주 사용하고 새창만들때 사용, history, location, screen, document 제일 자주 사용 문서 자체를 나타냄, navigator)    location.href = "이동할 문서URL"   location.reload(); 3. DOM 객체를 이용한 화면 변경하기  - 요소와 컨텐츠의 추가, 수정, 삭제 등  - CSS를 이용한 style 변경 4. 각종 이벤트에 대한 설정 및 실행 5. JSON 데이터 처리하기  6. Ajax를 이용한 비동기 통신 처리하기

 

자바스크립트 - 숫자나 문자형 둘 중 하나로만 구분 

null - 객체가 저장안됐을때 / undefined 

array  .

function .

json     . << 객체   . 이 없으면 객체가 아님!

 

변수의 자료형이 고정이 안되어있음 

var mascot = 100; var mascot = "100"; var mascot = false; var mascot = undefined;

데이터를 삽입하는 순간 자료형이 바뀜   : 변수에 데이터 넣기가 편함 but 자료형을 잘못 작성하면 에러

var v_sansu = "123" + 123;   // '+'연산자를 통해 자동으로 문자열 형변환 var v_sansu = "123" * 123;   // '-','*','/'연산자는 자동으로 숫자로 형변환함

숫자로 형변환 var v_sansu = Number("123") + 123; var v_sansu =("123" * 1) + 123;

 

if("123" == 123){    // 동등 비교 연산자(loose equlas)     alert("뜬다1"); } if("123" == 123){   // 일치 비교 연산자(Strict equals)     alert("뜬다2"); } if([] ==[]){     alert("뜬다3"); // 다른 주소를 갖는 다른 객체 }

객체를 가지고 비교할때는 주소값을 가지고 비교

함수 바깥에 선언된것 : 전역변수 - 전체에서 사용 가능함 

use strict : 엄격처리..?

변수 키워드
var	함수 범위에서 유효         재선언, 재할당이 모두 가능         => 개발자 간 오류 발생 가능성이 높아지므로 현재 사용을 지양하는 추세         > 변수선언 키워드 생략을 허용하여 변수의 의도치 않은 전역화를 발생시킴         > 중복 선언 허용하여 변수의 의도치 않은 값 변경을 야기시킴         > 변수 호이스팅 적용 대상(=변수 선언 이전에 참조 가능함 등의 비정상적 코드 흐름)         위와 같은 상황들이 개발자간의 혼란을 야기시키고 코드의 복잡성을 높이게 되어,         이를 보완할 새로운 키워드가 ES6에서 탄생
let	블록 범위에서 유효         재선언 불가(사용중인 변수에 다른 값을 할당하여 발생될 예외를 미리 차단)          재할당은 가능         변수 사용전까지 초기화되지 않음
const	블록 범위에서 유효         재선언 불가(사용중인 변수에 다른 값을 할당하여 발생될 예외를 미리 차단)         재할당은 가능         변수 사용전까지 초기화되지 않음 객체의 참조값을 저장할때 주로 사용

 

 

<span style="color: peachpuff;">안녕?                               ㅎ</span>만나서 방가         <span style="display: none;">숨겨진 텍스트</span>	inner html 엘리멘트 안쪽에 있는 것들을 말함  태그까지 포함을 시키면 inner html **inner text는 문자 데이터만 뽑아옴
<div id="disp">출력공간</div>	컨텐츠