전체 글(192)
-
this, 내장객체_js
this 키워드 - 객체화된 객체의 자신 상위의 this를 출력하고 싶을 때는 상위에서 변수를 선언해주면 된다. var parentObj = this; parentObj.objName = '홍길동'; 내장객체 - 브라우저에 내장된 객체(내장된 생성자 함수) - new 연산자를 활용하여 객체화 - 구문 : 참조변수 = new 내장객체명(); 내장객체 - 날짜 - 프론트 단에서 날짜 관련 작업이 필요 할 경우 - 구문 : 참조변수 = new Date(); - 날짜 객체 - 내가 원하는 날짜 기준으로 날짜 객체화 시키기 var date2= new Date('2021-10-10'); console.log(date2); 내장객체 - 배열 join(연결 문자) 배열 객체의 데이터를 연결 문자 기준으로 1개의 문..
2022.01.30 -
객체 생성자 함수 프로토타입_js
객체 생성자 함수 프로토타입 1. 프로토타입 : 원형 -> 객체 생성자 함수 정의(선언)한 대상 2. 원형에 추가로 메서드 및 속성을 추가 할 수 있다. (원형에서 this 키워드로 속성이나 메서드를 추가하지 않고 (원형을 건들지 않고) 메서드나 속성을 추가 할 수 있다.) 3. 객체화된 대상에서 프로토타입으로 추가된 메서드나 속성을 사용할 수 있다.(객체화된 대상 기준으로 프로토타입으로 확장(상속)) 4. 정의된 객체생성자 함수 기준으로 객체화가 되며, 프로토타입으로 선언된 속성이나 메서드는 객체화된 대상에 내용은 포함하고 있지않다. 허나 사용은 가능하며, 이를 프로토타입에 명시된 속성이나 메서드를 확장했다고 표현할 수 있다. 5.구문 : 함수명.prototype.함수명이나 속성명 = 값; UserIn..
2022.01.30 -
객체생성자함수_js
객체 생성자 함수 - 함수를 new 연산자를 통하여 객체화 시키는 것 - var, let 으로 내부에 변수나 내부함수 선언시 외부에서 접근 불가능 - this 키워드로 내부 변수나 내부 함수(메서드) 선언 시 외부에서 접근 가능 - 함수 선언 후 new 연산자 활용해보기 function MyFn(){ } //함수에 new 연산자가 붙을 경우 객체화가 된다. console.log(new MyFn()); - 함수 내부에서 this 키워드 활용해보기 function MyFn2(){ this.userName; } var obj={}; obj.userName='홍길동'; console.log(obj); function MyFn2(){ this.userName='홍길동'; } console.log(new MyFn2..
2022.01.30 -
체이닝기법_js
- 체이닝기법 : .을 찍어 그 당시의 객체의 속성이나 메서드를 활용하는 방법 var obj01 = { fn : function(){ return ['홍길동','이순신']; } }; console.log(obj01.fn()); console.log(obj01.fn()[1]); console.log(obj01.fn().length); var obj01 = { fn : function(){ return ['홍길동','이순신']; }, obj : { fn2:function(){ return{ name:'홍길동' } } } }; console.log(obj01.fn()); console.log(obj01.fn()[1]); console.log(obj01.fn().length); console.log(obj01...
2022.01.30 -
객체_js
- 메모리에 등록된 데이터 ( 자료구조, 함수 ) - 속성과 기능을 가지고 있다. - 변수에 대입된 객체는 참조변수라고 한다. 참조변수 - 메모리에 생성된 객체 주소를 생성된 변수가 참조하는 것 - 생성된 객체가 여러 변수에 대입되더라도 대입된 변수들은 같은 주소를 가지고 있으며, 이 변수들 중 객체의 값을 변경 할 경우, 모든 변수들은 같은 주소를 참조하고 있음으로 변경된 동일한 결과값을 가진다. - 기본 자료형 - 객체 var arr1=[100]; var arr2=arr1; console.log(arr1,arr2,'객체'); arr2[0]=1000; console.log(arr1,arr2,'객체'); 객체 선언 - 객체 내부에는 키와 값 한 쌍을 이루어 데이터를 저장 할 수 있다. - 객체 선언은 {..
2022.01.30 -
제어문-반복문(while)_js
- 조건식의 결과값이 true이면 반복, false라면 반복 중단 var n=0; //초기값 -> 반복을 중단시키기 위한 수단으로 사용 while (n 초기값을 활용하여 조건 //자바스크립트 코드 //초기값을 활용하여 반복 1회 이후 증감 console.log(n,'초기값 변화'); n++; } console.log(n,'초기값 마지막 값');
2022.01.30