js 의 기본 언어

하나, 세 가지 존재 위치
 1. 행간 식: body 태그 에 직접 있 습 니 다.οnlοad = "설 정 된 스타일 형식"
2. 내 연 식, 설정 한 내용 아래 에 script 더 블 태그 로 감 싸 야 합 니 다. 보통 body 태그 의 아래쪽 에 두 어야 합 니 다.
3. 외부 연결 식: js 코드 블록 은 외부 js 파일 에 나타 나 src 속성 을 통 해 링크 합 니 다.
요약: 세 가지 존재 방식 은 우선 순위 가 존재 하지 않 습 니 다. 누가 아래 에 있 으 면 누구의 속성 에 작용 합 니 다 (전 제 는 같은 속성 을 설정 해 야 할 때 서로 다른 속성 을 설정 하면 모두 역할 을 합 니 다)
내 연 사용 장면: 특정한 페이지 의 독특한 논리 로 이 페이지 의 script 태그 내외 연 사용 장면 을 쓸 수 있 습 니 다. 팀 개발 에 적용 되 고 js 코드 는 재 활용 성 을 가지 고 있 습 니 다.

	
	





	
	
		body.style.backgroundColor='orange'
	

	
	

2. 해석 기 언어 결정 js 역할

	
	
	
	
	
		var color = "cyan";
	


	

	
	
	
123
	
	
		div.style.backgroundColor = color;
	




	bd.style.backgroundColor = '#0ff';




	div.style.color = 'red';





	alert(123)

3. 변수의 정의
1. script 태그 에서 js 를 대표 하고 js 문법 을 사용 합 니 다.
2. 간단 한 규범, / / 단행 주석
/*
다 중 주석
*/
3. 문장 은 분점 또는 줄 바 꿈 으로 끝난다.
4, 변수의 정의: 성명 + 초기 화
ES5 변수의 정의: 주: ES5 기준 에서 블록 급 역할 영역 이 없 으 며 방법 만 실제 부분 역할 영역 을 만 들 수 있 습 니 다.
블록 급 역할 영역 이 없 는 부분 변수
var a = 10;
전역 변수: b = 20

	// eg:  
	//       ,           
	(function () {
		var x = 10;
		y = 20;
	})()

	// alert(x)   ,x           
	// alert(y);     

//      
	{
		var n = 10; //        
		m = 20;  //     ,        
	}
	// alert(n)  //   
	// alert(m)  //   

ES6 변수의 정의
블록 급 작용 역 의 국부 변수
let aa = 100;
블록 급 작용 역 의 상수    const bb = 200;

        {
		let xx = 100;
		const yy = 200;
	}
	// alert(xx);  //     
	// alert(yy);  //     
	//               

//     :      
	const MM = 1000;
// MM = 2000;  //         

변수 이름 의 이름 규칙:
1. 알파벳, 숫자, 밑줄, $로 구성 할 수 있 지만 숫자 로 시작 할 수 없습니다. (중국어 포함, 낙타 봉 명명 법 사용 가능)
2, 대소 문자 구분
3, 키워드 와 이름 을 바 꿀 수 없습니다 \ \
네, 세 가지 팝 업 상자
팝 업 상자: 팝 업 상자 에서 메시지 하나만 팝 업 할 수 있 습 니 다.
확인 상자: 팝 업 창 에서 확인 및 취 소 를 선택 하여 반환 값 을 얻 을 수 있 습 니 다.
입력 상자: 팝 업 창 은 내용 을 입력 할 수 있 습 니 다. 반환 값 은 입력 한 내용 이나 null 일 수 있 습 니 다.
확인 상자 와 입력 상자 모두 반환 값 을 얻 을 수 있 습 니 다.

	
	


	
		//    
		alert("     ", "  ");  //       

		//    
		var res = confirm("     ?");  // true | false
		alert(res);
		//    
		var res = prompt("       !");  //       ,    null
		alert(res); 
	

다섯, 네 가지 디 버 깅 방식
일반적으로 프로그램 에 오류 군 쇠 오류 가 발생 하 는 데 사 용 됩 니 다.

	
	


	
		var a = 10;
		var b = 20;

		//            
		// alert(a);//        
		// alert(b);

		// console.log(a);//    
		// console.log(b);

		document.write(a);//        
		document.write(b);

		//          sources
	

6. 데이터 형식
1. 값 형식,
1, number 숫자 형식
type: of () 형식 보기, 생략 가능 ()
2, string 문자 생 성 유형
3, 불 유형 true | false
4, undefined: 정의 되 지 않 은 형식
응용 유형
5, function: 함수 유형
6, object: 대상 유형
판단: instanceof
3. 특별한 object
7, null: 빈 대상
8, 배열: 배열 대상
9: 날짜: 시간 대상
10: RegExp: 정규 대상

	
	


	    


	//  .    
	// 1.number:    
	var a = 10;
	// typeof()    ,    ()
	console.log(a, typeof a);
	//   
	console.log(typeof a == 'number');

	a = 3.14;
	console.log(a, typeof a);

	a = 314e2
	console.log(a, typeof a);


	// 2.string:     
	var a = '   ';
	console.log(a, typeof a);

	a = "   ";
	console.log(a, typeof a);

	// ES6          ,  
	// let x = 10;
	// let x = '10';

	// 3.boolean:     true|false
	a = true;
	console.log(a, typeof a);

	// 4.undefined:     
	var b;
	console.log(b, typeof b);
	var c = undefined;
	console.log(c, typeof c);

	//  .    
	// 5.function:    
	var m = function () {};
	console.log(m, typeof m);

	// 6.object:    
	var obj = {};
	console.log(obj, typeof obj);

	obj = new Object();
	console.log(obj, typeof obj);
	//   
	// instanceof:      
	console.log(obj instanceof Object);

	//  .   Object
	// Number() String() Boolean() Math
	// 7.null:   
	var o = null;
	console.log(o, typeof o);
	//   
	console.log(o == null);

	// 8.Array:    
	o = new Array(1, 2, 3, 4, 5);
	console.log(o, typeof o);
	console.log(o instanceof Object);
	//   
	console.log(o instanceof Array);

	// 9.Date:    
	o = new Date();
	console.log(o, typeof o);

	// 10.RegExp:    
	o = new RegExp();
	console.log(o, typeof o);