노드 (2) ES6 문법 기능 추가

37917 단어 nodejs
1. 꽃 변수 성명
  • var 키워드
    // a.      
    console.log(score);
    var score = 99;
    
    // b.     
    for(var i=0;i<10;i++){
    	
    }
    console.log(i);
    
    // c.     
    var score = 98;
    console.log(score);
    
    // d.     
    score = 97;
    console.log(score);
    
    
  • let 키워드
    // a.     
    console.log(score);
    let score = 99;
    
    // b.     
    for(let i=0;i<10;i++){
    	
    }
    console.log(i); //   
    
    // c.      
    let score = 98; //   
    
    // d.     
    score = 97;
    console.log(score);
    
  • const 키워드
    // #      (        )
    const PI;				//   
    console.log(PI);	
    	
    // a.     
    console.log(PI);    	//   
    const PI= 3.1415926;
    	
    // b.     
    {
    	const SHAPE= 4;
    }
    console.log(SHAPE); 	//   
    
    // c.      
    const PI = 3.15;		//   
    
    // d.      
    PI= 4;					//   
    console.log(PI);
    
  • 2. 할당 해제
  • , 대상 재 구성 할당
    대상 재 구성 할당: 변 수 를 부여 합 니 다.
    Let’s Coding:
    
    	let obj = {
    		name:"  "	,
    		age:18		,
    		sex:' '	,
    		score:60	,
    		grade:'  '
    	}
    	
    	// ES5:    
    	let name 	= obj.name	;
    	let age		= obj.age	;
    	let sex		= obj.sex	;
    	console.log(name,age,sex);
    	
    	// ES6:    
    	
    	// 1.     
    	let {name:name1,age:age1,sex:sex1} = obj;
    	console.log(name1,age1,sex1);
    	
    	// 2.  
    	let {name:name,age:age,sex:sex} = obj;
    	console.log(name,age,sex);
    	
    	// 3.  (            )
    	let {name,age,sex} = obj;
    	console.log(name,age,sex);
    	
    	// 4.   
    	let {name,age,sex,scories=10} = obj;
    	console.log(name,age,sex,scories);
    	
    	// 5.            ,                  
    	let {age=20} = obj;
    	console.log(age); // 18
    
    	//   :...another     name                  another 
    	let {name,...another} = obj;
    	console.log(another);
    	
    
    
  • 배열 재 구성 할당
    배열 재 구성 할당: 을 변수 에 순서대로 할당 합 니 다.
    Let’s Coding:
    
    	let array = [1,2,3,4];
    	
    	// ES5:      
    	let one 	= array[0];
    	let two		= array[1];
    	let three	= array[2];
    	let four	= array[3];
    	console.log(one,two,three,four);
    	
    	// ES6:      
    	
    	// 1.    
    	let {one,two,three,four}	= array	;
    	console.log(one,two,three,four)		;
    	
    	// 2.    
    	let {one,two,three,four,five}= array;
    	console.log(one,two,three,four,five);		// five:undefined
    	
    	// 3.   
    	let {one,two,three,four,five=50}= array;
    	console.log(one,two,three,four,five);
    
    
  • 할당 해제 & 함수 Let 's Coding:
    // ES5:
    	//     +    
    	function fun(name,age,sex){
    		console.log(name,age,sex);
    	}
    	fun('zs',18,' ');
    	//     
    	function fun(obj){
    		console.log(obj.name,obj.age,obj.sex);
    	}
    	fun({name:'zs',age:18,sex:' '});
    
    // ES6:
    	function fun({name,age,sex}){
    		console.log(name,age,sex);
    	}
    	fun({name:'ls',age:19,sex:' '});
    	
    
  • 화살표 함수
  • 화살표 함수
    화살표 함수: 의 약자;주의: this this 가 있 습 니 다.
    Let’s Coding:
    	
    	//     :
    	let fun = function(name){console.log(name);};
    	fun("  ");
    	//      =    ->    ;
    	let fun = name -> console.log(name);
    	
    	/*         :
    		1.function    -> ,   :goesto;
    		2.      ,     ;
    		3.   0 >=2,      ;
    		4.        ,      ;
    		5.        ,  return +    , return ;
    		6.     1  ,      ;
    	*/
    	
    	//            
    	let fun = () -> console.log('Are you Ok?');
    	
    	//     ,     
    	let fun = name -> console.log('name:Are you Ok?');
    	
    	//     ,     
    	let fun = (name,age) -> console.log(name,age);
    
    	//     +return   
    	let fun = score -> score+10;
    
    	//     +return+   
    	let fun = (name,age,score) -> {
    		console.log(name,age,score);
    		return score+10;
    	};
    	
    

  • 4. 대상 구성원 의 약자
  • Let’s Coding:
  • 	let name 	='zs'	;
    	let age 	= 18	;
    	let sex		=' '	;
    
    	// ES5:      
    	let obj = {
    		name:name,
    		age:age,
    		sex:sex
    		introduce:function(){
    			console.log("My name is:",name);
    		}
    	};
    	console.log(obj);
    
    	// ES6:      
    	let oo = {
    		name,
    		age,
    		sexx:sex,				//     
    		introduce:function(){
    			console.log("My name is:",name);
    		}
    		
    	};
    

    5. 템 플 릿 문자열
    템 플 릿 문자열 추가: `, 원래 문자열 형식 유지;
    Let’s Coding:
    	// ES5:
    	let str = "
    		one
    	two three four,
    	five six seven;
    	"; 					//   
    
    	// ES6:
    	let author = " ";
    	let str = `
    		one
    			${author}
    	two three four,
    	five six seven;
    	`; 	
    	console.log(str);
    	//   
    	function fun(){console.log("123");};
    	console.log(`  :${fun()}`);
    

    연산 자
    연산 자 펼 치기: ...
  • 대상 연산 자 전개 Let 's Coding:
    let song = {
    	skill:"   ",
    }
    let business = {
    	skill:"money",
    	num:999999999
    }
    let people ={
    	...song,		//  song        people
    	...business		//  business        people
    }
    console.log(people);
    
  • 배열 연산 자 Let 's Coding:
    	//     
    	let index = [1,2,3];
    	let score = [...array,60,70,80];
    	console.log(score);
    
    	let sum = [...index , ...score];
    	console.log(sum);
    
    	//    
    	let max = Math.max.apply(Math,sum);
    	console.log(max);
    	max = Math.max(...sum);
    	console.log(max);
    
  • 7. 데이터 형식 세트
    추가 데이터 형식 set: 같은 배열 에 데 이 터 를 저장 하지만 중복 요 소 는 저장 하지 않 습 니 다.
  • Let’s Coding:
    //      
    let arr = [1,2,1,3,4,2];
    //     
    let set = new Set(arr);
    console.log(set);
    //      
    let only = [...set];
    console.log(only);
    
    //   
    let onlies = [...new Set(arr)];
    console.log(onlies);
    

  • 8. 약속
    잠시 없다
    결어: 오늘 일 은 오늘 끝난다.내일 일이 얼마나 많은 가.
    증 시:
    내일 과 내일 이 얼마나 많은 가.나 는 내일 을 헛되이 보 냈 다.세상 사람들 이 내일 의 피로 에 시 달리 면 봄 이 가 고 가을 이 오 면 노장 이 온다.아침 에는 물이 동쪽 으로 흐 르 는 것 을 보고, 저녁 에는 해 가 서쪽 으로 지 는 것 을 본다.백년 내일 이 얼마나 될 까?저의 《 내일 가 》 를 들 어 주세요.

    좋은 웹페이지 즐겨찾기