소셜 미디어 HTML5 및 CSS3 프로그래밍을위한 JavaScript에서 객체에 메소드를 추가하는 방법

HTML5 및 CSS3 프로그래밍을위한 JavaScript에서 객체에 메소드를 추가하는 방법

비디오: 자바스크립트 DOM 프로그래밍 3강 - 실습환경 (Visual Studio Code) 준비하기 2024

비디오: 자바스크립트 DOM 프로그래밍 3강 - 실습환경 (Visual Studio Code) 준비하기 2024
Anonim

JavaScript의 객체에는 속성 외에 다른 특성이 있습니다. 또한 메소드 를 가질 수 있습니다. 메소드는 단순히 객체에 첨부 된 함수입니다. 이것이 무엇을 의미하는지 보려면 다음 예제를 살펴보십시오.

// addingMethods에서 // 크리에이터를 만듭니다. html var 변수 = 새 Object (); // 일부 속성을 추가합니다. 이름 = "마일로"; 동물. 연령 = 5; // 메소드를 작성합니다. talk = function () {msg = "안녕하세요! 내 이름은"+ this. 이름; msg + = "나는 + 이것입니다. 나이; alert (msg);} // end method // talk 메소드를 호출합니다. 이야기();

속성 외에도 new critter에는 talk () 메서드가 있습니다. 속성이 객체의 특성을 설명하는 경우 메서드는 객체가 수행 할 수있는 작업을 설명합니다.

작동 원리는 다음과 같습니다.

  1. 필요한 모든 속성을 가진 객체를 만듭니다.

    객체를 생성하고 속성을 제공합니다.

  2. 속성과 비슷한 메소드를 정의하십시오.

    사실 JavaScript의 메소드 는 JavaScript에 있지만 너무 걱정하지 않아도됩니다. 그것은 당신의 머리를 폭발하게 만들 것입니다.

    미리 작성된 함수를 메소드에 할당 할 수 있습니다.
  3. 메소드로 사용하려는 함수를 작성한 경우 간단히 지정할 수 있습니다.

    익명의 함수를 만들 수도 있습니다.

  4. 더 자주, 객체를 정의 할 때 바로 메소드를 생성하기를 원할 것입니다. 함수 () {구문을 사용하여 함수를 즉시 만들 수 있습니다.

    this 키워드는 현재 개체를 참조합니다.

  5. 함수 내부에서 객체의 속성에 액세스 할 수 있습니다. 이. name은 현재 객체의 name 속성을 참조합니다.

    메소드를 직접 참조 할 수 있습니다.

  6. 메소드로 오브젝트를 정의한 후에 메소드를 호출 할 수 있습니다. 예를 들어, critter 객체에 talk 메서드가 있으면 critter 객체를 사용합니다. talk () 메소드를 호출한다.

HTML5 및 CSS3 프로그래밍을위한 JavaScript에서 객체에 메소드를 추가하는 방법

편집자의 선택

소셜 미디어 측정법을 사용하여 판매를 늘리는 방법 - 소셜 미디어 측정 항목을 사용하는 한 회사

소셜 미디어 측정법을 사용하여 판매를 늘리는 방법 - 소셜 미디어 측정 항목을 사용하는 한 회사

판매를위한 크로스 플랫폼 참여는 Best Buy입니다. Best Buy는 모바일 쇼핑 및 소셜 쇼핑을 매장의 각 품목에 대한 QR 코드를 사용하여 매장 내 경험으로 가져 왔습니다. 고객은 상점의 각 항목에 대한 QR 코드를 스캔하여 리뷰를 포함한 더 많은 정보를 얻을 수 있습니다.

블로그에 Google 웹 로그 분석을 설치하는 방법 - 아직없는 경우

블로그에 Google 웹 로그 분석을 설치하는 방법 - 아직없는 경우

블로그 또는 사이트에서 Google 웹 로그 분석 추적 통계를 사용하여 빠르고 쉽게 설치할 수 있습니다. 설치는 1 분 밖에 걸리지 않으며 완전히 고통스럽지 않습니다. 먼저 Google 애널리틱스 ID를 가져 와서 어딘가에 작성하십시오. 쉽게 찾을 수 있습니다. Google 애널리틱스와 대시 보드에서 로그인하십시오.

웹 사이트에 Google 웹 로그 분석을 설치하는 방법 - 웹 사이트에 Google 웹 로그 분석을 설치하는

웹 사이트에 Google 웹 로그 분석을 설치하는 방법 - 웹 사이트에 Google 웹 로그 분석을 설치하는

단 1 분이며 고통스럽지 않습니다. 곧 Google 애널리틱스 덕분에 잠자는 동안 소셜 미디어 측정 항목을 추적하게 될 것입니다. 먼저 Google 애널리틱스 ID를 가져 와서 어딘가에 작성하십시오. 쉽게 찾을 수 있습니다. Google 애널리틱스 및 대시 보드에 로그인하고 톱니 바퀴 아이콘을 클릭하기 만하면됩니다. ...

편집자의 선택

마케팅 자동화에서 분할 테스트의 기본 이점 - A / B 테스트라고도하는 더미 테스트

마케팅 자동화에서 분할 테스트의 기본 이점 - A / B 테스트라고도하는 더미 테스트

다 변수 테스트뿐만 아니라 요인 일정을 유지하고 다양한 시나리오에서 다른 결과를 테스트하여 마케팅 자동화 테스트를 수행하는 것을 의미합니다. 하나의 유료 검색 광고를 통해 사람들을 2 개의 개별 방문 페이지로 유도하는 것이 그 예입니다. 방문 페이지 테스트하기 ...

자동화 된 마케팅을위한 컨텐츠 작성의 기본 - 인형

자동화 된 마케팅을위한 컨텐츠 작성의 기본 - 인형

마케팅 자동화 도구의 사용을 극대화하기 위해 먼저 사람과 콘텐츠와의 관계를 이해해야합니다. 올바른 사람에게 올바른 콘텐츠를 보내는 경우에만 자동화가 유용합니다. 이를 올바르게 수행하는 방법에 대한 기본적인 이해를 돕기 위해 사람들은 두 가지 유형이 관련되어 있음을 인식해야합니다 ...

Microsoft Dynamics CRM을 사용하는 e-Mail 및 Microsoft Dynamics CRM- 더미

Microsoft Dynamics CRM을 사용하는 e-Mail 및 Microsoft Dynamics CRM- 더미

고객 관계를 관리하는 데 도움이되는 Microsoft 도구 현대 직장에서 가장 유용한 도구 중 하나는 전자 메일이므로 전자 메일을 만들고 읽거나, 전자 메일을 특정 레코드에 연결하거나, 일정을 관리하는 데 숙련되어 있어야합니다. ...

편집자의 선택

웹 호스팅 계획에서 더 많은 것을 얻기위한 10 가지 팁 - 인형

웹 호스팅 계획에서 더 많은 것을 얻기위한 10 가지 팁 - 인형

당신은 자신의 웹 사이트 또는 블로그를 가지고 있고, 고객, 독자 또는 웹 호스팅 기술에 의존하는 추종자 만 있습니다. 다음 팁은 웹 호스팅 계획을 최대한 활용하는 데 도움이됩니다. 제어판에서 백업 옵션을 확인하십시오. 일부 제어판을 사용하면 자동화 된 백업을 수행 할 수 있습니다. ...

귀하의 웹 호스트가 귀하를 도와주지 않는 10 가지 사항 (무료) - 인형

귀하의 웹 호스트가 귀하를 도와주지 않는 10 가지 사항 (무료) - 인형

은 웹 호스트만큼 멋지고, 웹 사이트를 디자인, 제작 및 운영하는 데 도움이되는 일에는 한계가 있습니다. 그것은 모두 돈으로옵니다. 귀하가 기꺼이 지불하는 한 귀하의 호스트는 기꺼이 도움이 될 것입니다. 각 호스트는 다릅니다. ...