지역 사회 배우다 도구 라이브러리 여가
찾다
한국어
집 > 웹 프론트엔드 > JS 튜토리얼 > Javascript 기본 튜토리얼: 함수 객체 및 속성_기본 지식

Javascript 기본 튜토리얼: 함수 객체 및 속성_기본 지식

WBOY
풀어 주다： 2016-05-16 16:19:40
원래의
1153명이 탐색했습니다.

객체에 포함된 데이터는 두 가지 방법으로 접근할 수 있습니다

속성과 메서드

모두

속성은 특정 객체에 속하는 변수이고, 메소드는 특정 객체만이 배포할 수 있는 함수입니다.

객체는 일부 관련 속성과 메서드로 구성된 데이터 엔터티입니다. JavaScript에서 속성과 메서드는 "점" 구문을 사용하여 액세스됩니다.

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

객체.속성
객체.메소드()

자동차에 브랜드, 밴드, 색상 속성이 있다고 가정해 보겠습니다. 다음 방법을 통해 이러한 속성에 액세스할 수 있습니다.

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

카밴드
자동차.색상

Car가 move(), stop() 및 addOil과 같은 일부 함수와 연관되어 있다고 가정합니다. 이러한 함수는 Car 개체의 메서드를 사용하여 이를 전달할 수 있습니다.

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

자동차.이동()
Car.stop()
Car.addOil()

이러한 속성과 메소드가 모여 Car 객체를 형성합니다. 즉, Car 객체는 이 모든 속성과 메소드의 총칭이라고 볼 수 있습니다.

Car 객체가 특정 자동차를 설명하려면 Car 객체의 인스턴스를 생성해야 합니다. 인스턴스는 객체의 특정 표현입니다. 객체는 집합적인 이름이고 인스턴스는 개인입니다.

예를 들어 BMW와 Xiali는 모두 자동차이며 모두 Car라고 설명할 수 있습니다. BMW와 Xiali는 모두 크기가 다르지만 Car 객체이지만 인스턴스가 다릅니다.

JavaScript에서는 new 키워드를 사용하여 새 인스턴스를 만듭니다. 다음과 같이

var myCar = new Car();
위 코드는 Car 객체 myCar의 새 인스턴스를 생성합니다. 이 인스턴스를 사용하면 Car 객체의 속성과 메서드를 사용하여 myCar의 속성과 메서드를 검색할 수 있습니다.

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

마이카밴드
myCar.addOil()

자바스크립트에서는 문자열과 배열도 엄밀히 말하면 모든 것이 객체입니다

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

var aValues ​​​​= new Array();
var myString = new String("hello world")

Date 객체를 사용하여 컴퓨터의 실행 속도 테스트

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

저자별 최신 기사
최신 이슈
JavaScript를 사용하지 않고 클릭 시 이미지 소스를 동적으로 수정하는 CSS 전용 방법 img:active와 같은 CSS만 사용하여 마우스 클릭 시 이미지의 소스를 변경해야 합니다.{}
에서 2024-04-06 19:25:49
0
1
505
d3.js를 확대할 때 산점도 값이 유지되지 않습니다. d3.js를 처음 사용하는 것이므로 양해해 주시기 바랍니다. vue.js 파일에 순수 JavaScript로 구현했습니다. 확대/축소 기능을 사용하여 산점도를 만들...
에서 2024-04-06 18:16:26
0
1
403
공급업체별 의사 요소에 대한 JavaScript 호버 이벤트 나는 아래에 HTMLinput标签。$("input[type='range']::-webkit-slider-thumb").on('hover',fun...
에서 2024-04-06 15:35:24
0
1
274
Javascript/Jquery를 사용하여 버튼 없이 양식 제출 JavaScript 함수를 호출하고 JQUERY/PHP를 사용하여 양식을 실행하여 버튼 없이 양식을 제출하려고 합니다. 페이지를 다시 로드하지 않고 백엔드에서 양...
에서 2024-04-06 14:54:03
0
2
421
CollapseDisplay 클래스를 사용하여 Bootstrap 아코디언 헤더의 모양을 사용자 정의하세요. 클래스 Collapseshow를 사용하여 패널의 카드 제목 스타일을 지정하고 싶습니다. 이 예에서는 첫 번째 패널입니다. CSS를 사용하여 .accordion.c...
에서 2024-04-06 12:53:11
0
1
376
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿