퀴즈 팟 캐 스 트 학습 의 자 바스 크 립 트 기초 편

1.JavaScript 와 자바 의 차이 1.JavaScript 는 Netscape 회사 의 제품 이 고 자 바 는 Sun 회사 의 제품 입 니 다.2.자 바스 크 립 트 는 대상 을 바탕 으로 하고 자 바 는 대상 을 대상 으로 한다.3.자바 스 크 립 트 는 설명 만 하면 실행 할 수 있 습 니 다.자바 는 먼저 바이트 파일 로 컴 파일 한 다음 에 실행 해 야 합 니 다.4.자 바스 크 립 트 는 약 한 타 입,자 바스 크 립 트 는 강 한 타 입.소결:사실 자바 와 자바 스 크 립 트 는 이름 상 약간 비슷 한 것 을 제외 하고 자바 스 크 립 트 는 일부 자바 사상 을 빌 렸 고 나머지 는 거의 관계 가 없습니다.2.JavaScript 와 Html 의 결합 방법 1.태그 형식 은 JavaScript 코드 를 태그 대...에 저장 합 니 다.어디 든 놓 을 수 있어 요.2.스 크 립 트 탭 의 src 속성 을 사용 하여 자 바스 크 립 트 파일 을 가 져 옵 니 다.예 를 들 어주의:규범 에 있 는 script 태그 에 type 속성 을 추가 해 야 합 니 다.3.JavaScript 문법 1.변 수 는 키워드 var 를 통 해 정 의 됩 니 다.약 한 유형 이기 때문에 구체 적 인 데이터 형식 을 지정 하지 않 아 도 됩 니 다.예:var x=3;x = “hello”; 주의:1)자바 스 크 립 트 에 서 는 작은 따옴표 와 작은 따옴표 가 다 르 지 않 지만,작은 따옴표,규범 을 쓰 는 것 이 좋 습 니 다.2)자 바스 크 립 트 에서 특수 한 상수 값:undefined,변수 가 초기 화 되 지 않 았 을 때 사 용 됩 니 다.이 변수의 값 은 undefined(정의 되 지 않 음)입 니 다.2.연산 자 는 다른 프로 그래 밍 언어 와 마찬가지 로 자바 와 유사 합 니 다.문자열 연결 부(+)와 3 원 연산 자(?:)도 지원 합 니 다.다른 것 은 3 원 연산 자 는 값 이 필요 없 이 문장 에서 직접 출력 할 수 있다 는 것 이다.3.구문 형식 과 각종 프로 그래 밍 언어 차이 가 많 지 않 고 판단,선택 과 순환 도 있다.그러나 몇 가 지 를 주의 하 세 요:1)자바 스 크 립 트 에서 0 이 아 닙 니 다.예 를 들 어 아래 코드 var x=3;if(x==4)//비교 연산 이 가능 합 니 다.if(x=4)//할당 연산 을 할 수 있 고 똑 같이 판단 할 수 있 습 니 다.잘못 을 고하 지 않다.결 과 는 true 이기 때문에 if 문장 뒤에 if(4==x)를 거꾸로 쓸 수 있 습 니 다.그러면 4=x 로 쓰 면 틀 릴 수 있 습 니 다.잘못 을 바로 잡 을 수 있다.2)switch 에는 유형 제한 이 없습니다.3)순환 은 반드시 종료 조건 이 있어 야 합 니 다.4)boolean 연산 을 연결 하려 면&&또는|을 사용 해 야 합 니 다.&또는|를 사용 하면 비트 연산 4.함수 1.일반 함수 형식:function 함수 명(형식 매개 변수...){실행 문;반환 값 반환;}메모:1)return 문 구 는 쓰 지 않 아 도 됩 니 다.함 수 는 반드시 호출 되 어야 실 행 됩 니 다.2)형식 매개 변 수 는 var 를 추가 할 필요 가 없고 약 한 유형 이다.3)매개 변수 가 있 는 함 수 를 호출 하지만 값 을 전달 하지 않 거나 매개 변수 개수 보다 많은 값 을 전달 하지 않 았 습 니 다.함수 처럼 실행 할 수 있 거나 매개 변수 가 없 는 함 수 를 호출 하여 값 을 전달 하지 않 았 습 니 다.이 함수 도 마찬가지 로 실 행 됩 니 다.4)자바 스 크 립 트 에는 함수 형식 을 다시 불 러 오지 않 았 습 니 다.자바 스 크 립 트 에서 함수 의 여러 매개 변 수 를 하나의 arguments 배열 에 실제 패키지 하기 때문에 여러 개의 매개 변 수 를 받 아들 일 수 있 지만 정 의 된 형식 매개 변수 에 따라 실제 매개 변 수 를 전달 하 는 것 이 좋 습 니 다.5)아래 의 예 를 주의 하 십시오.var show=demo();위의 이 문 구 는 show 변수 가 demo 함수 의 반환 값 을 받 는 것 을 나타 낸다.var show = demo; 위의 이 문 구 는 show 와 demo 가 같은 함 수 를 대표 하고 동의 대상 을 가리 키 는 것 입 니 다.2.동적 함 수 는 자바 스 크 립 트 의 내 장 된 대상 Function 을 통 해 이 루어 집 니 다.다음 과 같 습 니 다:var demo=new Function("x,y","var sum=x+y;alert(sum);"); demo(5,2); 동적 함 수 는 일반 함수 와 달리 매개 변수 와 함수 체 는 매개 변 수 를 통 해 전달 할 수 있 고 동적 으로 지정 할 수 있 습 니 다.3.익명 함수 형식:function()예:var demo=function(){alert("snow");}demo(); 메모:이벤트 속성 을 정의 하 는 데 자주 사 용 됩 니 다.4.기타 형식 var p=new Object();p.name ="lisi"; p.age=31; p.demo = show; alert(p.name +":"+p.age+demo(4,5)); function show(x,y){return x+y;} 5.배열 은 JavaScript 에서 배열 은 집합 특성 을 결합 하여 임 의 요 소 를 저장 할 수 있 고 길이 도 가 변 적 입 니 다.그리고 값 을 할당 할 때 대괄호 가 아니 라 중 괄호 입 니 다.다음 과 같 습 니 다.var arr=new Array();arr[0] = “ashf”; arr[1] = 258; 또는 var arr=["ashf",258,true,"sfa"];옮 겨 다 닐 때 int x 를 사용 하지 말고 var x,약 한 타 입 을 사용 하 십시오.2 차원 배열:var arrr=[[원소,원소...],[원소...],[원소...].......]6.내장 대상 은 JavaScript 에 많은 대상 을 내장 했다.예 를 들 어 String,Object,Date 등 은 관련 도움말 문 서 를 찾 아 볼 수 있다(필요 하면 메 일 을 남 길 수 있다).이 안 은 주로 일부 다른 부분 에 대해 간단하게 설명 할 수 있다.1.String 에서 length 는 속성 이지 방법 2.String 에서 substring(a,b)방법 은 a 에서 b-1 의 문 자 를 가 져 오 는 것 이 아니 라 substr(a,b)방법 은 a 부터 b 개의 문 자 를 가 져 옵 니 다.대상 을 사용자 정의 할 수도 있다.방식 1:function car(){}var c=new car();c.color = "white"; c.tyre = 4; c.run = show; function show(){alert(c.color+c.tyre+“run”);} c.run(); 방식 2:function car(color,tyre){this.color=color;this.tyre = tyre; } var c = new car(“white”,4); alert(c.color+":"+c["tyre"]); 8.대상 을 조작 하 는 데 사용 되 는 문구 1.with 문 구 는 한 대상 의 여러 구성원 을 호출 할 때 호출 을 간소화 하기 위해'대상'이라는 형식의 중복 작성 을 피한다.형식:with(대상){이 안에 코드 를 추가 하지 않 아 도 됩 니 다(대상.속성)}var p=new car("white",4);alert(c.color+":"+c["tyre"]); var p=new car("white",4)라 고 쓸 수 있 습 니 다.with(car){alert(color+":"+tyre)}; 메모:with 문 구 는 대상 의 역할 도 메 인 을 정의 합 니 다.이 도 메 인 에서 대상 의 구성원 을 직접 호출 할 수 있 습 니 다.for...in 구문 For 변수 in 대상 문장:대상 의 구성원 을 옮 겨 다 니 며 배열 을 옮 겨 다 니 면 변수 안에 커서 가 대상 의 값 대상[변수]이 고 변 수 는 속성 명 입 니 다.