VUE3.0을 빠르게 시작하는 방법: 학습 시작
관련 권장 사항: JavaScript 튜토리얼
생성자란 무엇입니까: JavaScript에서 객체를 생성하는 또 다른 방법입니다.
리터럴 메서드를 사용하여 객체를 생성하는 것과 대조: 생성자는 동일한 특성을 가진 일부 객체를 생성할 수 있습니다.
예: 과일 생성자를 통해 사과, 바나나 및 오렌지 개체를 만듭니다. 이들 객체는 모두 동일한 템플릿을 기반으로 생성되며, 각 객체는 고유한 특성을 가지고 있다는 것이 특징입니다.
문자 그대로의 방법을 사용하여 객체를 생성하는 것의 특징과 장점
: 단순성과 유연성.
단점: 동일한 특성을 가진 개체 집합을 만들어야 하는 경우 이러한 개체가 공통으로 가져야 하는 멤버를 코드를 통해 지정할 수 없습니다.
객체지향 프로그래밍 언어에서 템플릿을 구현하는 방법은 클래스를 이용하여 템플릿을 생성하고, 그 템플릿을 기반으로 다양한 객체(클래스의 인스턴스)를 구현하는 것입니다.
JavaScript에서 템플릿을 구현하는 방법 1: 내부에 "{ }" 리터럴을 사용하여 객체를 생성하는 팩토리 함수를 통해 단점은 객체 유형을 구별할 수 없다는 것입니다.
JavaScript로 템플릿을 구현하는 방법 2: 생성자를 통해 객체를 만듭니다.
생성자를 사용자 정의하는 방법을 배우기 전에 먼저 JavaScript의 내장 생성자를 사용하는 방법을 살펴보겠습니다.
: 생성자를 사용자 정의하는 방법은 무엇입니까?
같은
유사한 용어로 혼동되는 경우가 많습니다.
실제로 모두 집합적으로 함수라고 부를 수 있지만 사용 시나리오에 따라 이름이 다릅니다. 관례적으로 객체에 정의된 함수를 객체의 메서드라고 합니다.
생성자에 관해서는 어떤 사람들은 생성자 또는 생성자라고 부르는 데 익숙합니다. 우리는 이 이름들이 동일한 것을 지칭한다는 점만 이해하면 됩니다.
ES6 이전에 사용할 수 없었던 이유: 난이도를 단순화하기 위함입니다.
추가 이유: 웹 프론트엔드 기술이 발전하면서 원래 백엔드 개발에 종사하던 일부 사람들이 프론트엔드로 전향하게 되었습니다. 개발자가 더 빠르게 적응할 수 있도록 JavaScript를 일부 백엔드 언어의 구문에 더 가깝게 만들기 위해.
클래스 키워드의 역할: 클래스를 정의하는 데 사용됩니다.
특징: 생성자 생성자 메서드는 클래스에서 정의할 수 있습니다.
구문
은 본질적으로 간단한 구문이며 사용자 사용을 용이하게 하도록 설계되었습니다. 앞서 배운 생성자와 같은 구문을 사용하지 않고도 동일한 효과를 얻을 수 있습니다. 사용자의 브라우저가 이 구문을 지원하지 않는 경우에는 이 방법을 권장하지 않습니다.
: 생성자에서는 var 키워드를 사용하여 정의된 변수를 전용 멤버라고 합니다.
특징: 인스턴스 객체 이후에는 "object.member"를 통해 접근할 수 없으나, private 멤버는 객체의 멤버 메소드로 접근할 수 있다.
특징: 개인 멤버 이름은 객체 지향 캡슐화를 반영합니다.
이는 이러한 객체가 실제로 생성자 String의 인스턴스, 즉 String 객체이기 때문입니다.
문자열에 대한 작업을 수행할 때 처리 결과는 메서드의 반환 값을 통해 직접 반환되며 String 개체 자체에 저장된 문자열 내용은 변경되지 않습니다
.
이 메소드의 매개변수에서 위치는 인덱스 값이며 0부터 시작하고 첫 번째 문자의 인덱스 값은 0이며 마지막 문자의 인덱스 값은 문자열 길이에서 1을 뺀 값입니다.
사용자 이름의 길이를 3~10으로 제한하고 민감한 단어인 admin을 데모에 사용하지 못하게 하는 예를 들어 보겠습니다.
Number 객체는 정수, 부동 소수점 숫자, 기타 숫자 값을 처리하는 데 사용됩니다. 일반적으로 사용되는 속성과 메서드는 다음과 같습니다.
이는 Number의 정적 멤버이며 Number의 인스턴스가 아닌 생성자 Number를 통해 직접 액세스됩니다.
Math 객체는 숫자 값에 대한 수학적 연산을 수행하는 데 사용됩니다. 다른 객체와 달리 이 객체는 생성자가 아니며 사용하기 위해 인스턴스화할 필요가 없습니다.
예를 들어 지정된 범위 내의 난수를 얻으려면 Math.random()을 사용하십시오.
공식은 Math.random() * (n - m) + m입니다. 이는 m보다 크거나 같고 n보다 작은 임의의 값을 생성한다는 의미입니다.
Date 객체는 날짜와 시간을 처리하는 데 사용됩니다.
예제 1: Date 객체를 기반으로 시간과 날짜를 가져옵니다.
예 2: Date 객체를 기반으로 날짜를 지정합니다.
예시 3: 날짜 설정이 무리한 상황을 처리합니다. 예를 들어 월을 -1로 설정하면 작년 12월을 의미하고, 월을 12로 설정하면 내년 1월을 의미합니다.
코드 구현 아이디어:
코드 구현
<html>
<head><title>이달의 달력</title>
</head>
<본문>
<p align=center><b>이달의 달력</b></p>
<스크립트>
var thisyear,thismonth,today=new Date();;
올해=today.getFullYear()
thismonth=today.getMonth();
var imonth, iweekday, iday, nextday;
document.write("<테이블 정렬=가운데 테두리=1><tr 정렬=가운데 bgcolor=#fff00>")
document.write("<td>일요일</td><td>월요일</td><td>화요일</td><td>수요일</td><td>목요일</td><td> 금요일< /td><td>토요일</td>")
document.write("</tr><tr>")
다음 날=1;
var thisdate=new Date(올해, 이번달, 다음날)
(iday=0;iday<=6;iday++){
if (thisdate.getDay() > iday) {
document.write("<td>");
document.write("</td>")
}
또 다른 {
if (thisdate.getMonth()== today.getMonth()&&thisdate.getDate()== today.getDate() &&thisdate.getFullYear()== today.getFullYear() ){
document.write("<td><글꼴 색상=빨간색><b>")
document.write(다음날)
document.write("</font></b></td>")
}
또 다른 {
document.write("<td><b>");
document.write(다음날);
document.write("</b></td>");
}
다음 날=다음 날+1;
thisdate.setDate(nextday);
}
}
document.write("</tr>");
document.write("<tr>")
iweekday=1
while(thisdate.getMonth() == 이번달 ){
if (thisdate.getMonth()== today.getMonth()&&thisdate.getDate()== today.getDate() &&thisdate.getFullYear()== today.getFullYear() ){
document.write("<td><글꼴 색상=빨간색><b>")
document.write(다음날)
document.write("</b></font></td>")
}
또 다른{
document.write("<td><b>")
document.write(다음날)
document.write("</b></td>")
}
다음 날=다음 날+1;
iweekday=iweekday+1;
if (iweekday>7 ){
iweekday=1;
document.write("</tr>");
}
thisdate.setDate(nextday);
}
</script>
</body>
</html> 관련 권장사항: JavaScript 학습 튜토리얼
위는 JavaScript 객체를 얻는 데 도움이 되는 자세한 내용이며, 자세한 내용은 PHP 중국어 웹사이트의 다른 관련 기사를 참고하세요!
