> 웹 프론트엔드 > JS 튜토리얼 > 자바스크립트 객체지향 정의 중 하나인classes_js 객체지향

자바스크립트 객체지향 정의 중 하나인classes_js 객체지향

WBOY
풀어 주다: 2016-05-16 18:10:51
원래의
1019명이 탐색했습니다.

JavaScript의 클래스는 다음과 같이 함수로 표현됩니다.

코드 복사 코드는 다음과 같습니다.

function Student()
{
//Student 클래스에서 필드를 정의하고 초기값을 할당하지만 이 필드에 대한 접근 권한은 공개입니다.
this.studentNo = 's001' ;
this.studentName = 'Xiao Ming';
this.sex = 'Male'
//studentName 값을 수정하는 데 사용되는 updateStudentName 메서드를 정의합니다. .updateStudentName = function(studentName)
{
this.studentName = StudentName;
}
}

//위 코드는 Student 클래스를 정의했으며 StudentNo를 포함합니다. ,
// StudentName, 성별 3개 필드, updateStudentName 메소드. //updateStudentName을 호출하여 StudentName 값을 수정합니다.
s.updateStudentName('Xiaoqiang')
alert( '학생 번호:' s.studentNo) ;
alert('Name:' s.studentName);
alert('Gender:' s.sex)//결과를 다시 표시합니다. 번호와 성별은 당연히 바뀌지 않습니다.
학생번호: s001
이름: Xiaoqiang
성별: 남
//학생번호, 이름, 성별의 값입니다. updateStudentName 메소드가 호출되기 전에 표시됩니다.
학생 ID :s001
이름: Xiao Ming
성별: 남성
//다음이 호출되며 코드는 다음과 같습니다.


var s = new Student() //객체 생성 학생 수업
alert('학생 번호:' s.studentNo);
alert( '이름:' s.studentName)
alert('Gender:' s.sex); 🎜>
위 함수에서 구체적인 값이 설정되어 있는데, 실제로 실제 애플리케이션에서는 나중에 할당됩니다. 예를 들어




[Ctrl A 모두 선택 참고: 외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다. ]
관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿