자바스크립트 생성자 함수, Date함수
2019. 5. 22. 17:13ㆍJava script
---------------------자바스크립트 생성자 함수----------------------
// 함수 정의
function fn() {
html을 조작하는 수행문;
}
// 함수 실행
fn();
// 함수에 정의된 수행문이 실행됨
// 생성자 함수 정의
function Fn() {
전달받은 객체를 초기화하는 수행문;
* 빈 객체에 속성과 기능을 채운다.
}
// 생성자 함수 실행
var f = new Fn();
// 1. 빈 객체가 생성된다.
// 2. 1번에서 생성된 객체가 Fn에 전달된다.
// 3. 생성자 함수에 정의된 수행문이 실행된다.
==============================================
자바스크립트의 객체 생성하기
객체의 구성요소를 포함시켜서 객체 생성하기
var x = {
name:"홍길동", // 객체의 구성요소
phone:"010-2222-2222",
display:function() {
// 이함수를 실행한 객체가 this에 전잘된다.
console.log("이름", this.name);
console.log("연락처", this.name);
}
}
x.display();
빈 객체를 생성한 후, 객체의 구성요소를 추가하기
var x = {};
x.name = "홍길동";
x.phone = "010-1111-1111";
x.display = function() {
// 이 함수를 실행한 객체가 this에 전달된다.
console.log("이름", this.name);
console.log("연락처", this.name);
}
x.display();
생성자 함수를 사용해서 객체 생성하기
function X() {
// 생성자함수가 실행될 때 생성된 객체를 this로 전달받는다.
// this로 전달받은 객체에 구성요소를 추가하는 수행문을 생성자함수에 정의한다.
this.name="홍길동"; // 수행문 정의
this.phone = "010-1111-1111";
this.display = function() {
console.log("이름", this.name);
console.log("연락처", this.phone);
}
}
var x = new X();
x.display();
=================================================
예시) 생성자 함수 생성
예시2)
///////////////////////////////////////////Date() 함수 사용하기
스크립트에서 날짜를 받아올때 Date함수를 사용한다.
예시)