자바스크립트 생성자 함수, Date함수

2019. 5. 22. 17:13Java 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함수를 사용한다.

예시)