목록Javascript (12)
도찐개찐
기존 자바스크립트에서는 객체를 구현하기 위해 prototype을 사용 했습니다. ES6 에서 나온 class는 기존 객체지향 언어에서 제공하는 객체 생성 방식과 동일한 문법으로 가독성을 높이기 위해 고안된 문법 입니다. // Javascript Prototype var NumberPrototype = (function() { this.number = 0; // 생성자 함수 function setNumber(num) { this.number = num; } // 객체 함수(메소드역할) setNumber.prototype.sum = function(num) { this.number += num; } setNumber.prototype.print = function() { console.log(this.num..
// javascript var arr1 = ['str1', 'str2']; var arr2 = ['str3', 'str4']; var obj1 = { key1 : "key1", key2 : 'key2' } var obj2 = { key2 : 'str2', key3 : "key3", key4 : 'key4' } function js_Test() { // javascript array merge var mergeArr = [].concat(arr1, arr2); var merge2Arr = [arr1[0], arr1[1], arr2[0], arr2[1]]; console.log('js Test ---------------------'); console.log('array merge test 1 : ' + ..
1. 변수(Variable) 데이터를 저장하고 참조(사용)하는 데이터의 이름 var: 재선언 가능 let: 재선언 불가, 재할당 가능 const: 재선언 불가, 재할당 불가 따라서, 주로 const 를 사용하여 변수를 선언하되 재할당이 필요한 경우에만 let 을 사용하도록 한다 2. var : 재선언 가능 3. let : 재선언 불가, 재할당 가능 let letStr = 'let'; console.log(letStr); // 재선언 불가 에러 : Uncaught SyntaxError: Identifier 'letStr' has already been declared // let letStr = 'let__'; // 재할당 가능 letStr = 'let__'; console.log(letStr); 4. c..
var str1 = '스크립트'; var str2 = '입니다.'; var str3 = '줄바꿈 테스트'; var STRING_SEARCH = '자바 스크립트 세계에 오신걸 환영 합니다.'; function js_Test () { console.log('js Test ---------------------'); console.log(str1 + ' ' + str2 + '\n' + str3); console.log('문자열 검색 : ' + STRING_SEARCH.indexOf("세계1")); console.log('문자열 검색 : ' + STRING_SEARCH.indexOf("세계에")); } const es6_Test = () => { console.log('es6 Test --------------..