웹 프론트엔드 JS 튜토리얼 JavaScript 함수 객체_javascript 기술에 대한 자세한 설명

JavaScript 함수 객체_javascript 기술에 대한 자세한 설명

May 16, 2016 pm 03:32 PM

기능

함수는 호출 시 실행되는 이벤트 기반 또는 재사용 가능한 코드 블록입니다.

function One(leve , leve){
  //code
  return leve+leve
 }
로그인 후 복사

참고:

형식 매개변수는 입력할 필요가 없습니다.

return 문은 선택 사항이며, return 문이 없는 함수는 정의되지 않은 상태를 반환합니다.

지역변수와 전역변수

함수 내 선언: 지역 변수

함수 외부 선언: 전역 변수

새 변수 이름에 값을 할당할 때 var는 사용되지 않습니다. 해당 변수는 새 전역 변수가 됩니다.

함수를 값으로 사용할 수 있습니다

양식 1:

 function init(){
  alert("One")
 }
 window.onload = init;
로그인 후 복사

형식:

window.onload = function(){
  alert("One");
 }
로그인 후 복사

참고: 위의 두 가지 방법을 사용하면 브라우저에 다음과 같은 메시지가 표시될 수 있습니다.

객체

문자열, 숫자, 배열, 함수 등 JavaScript의 모든 것은 객체이며, 또한 JavaScript는 사용자 정의 객체도 허용합니다.

객체 참조

개체를 변수에 할당하면 변수에는 개체 자체가 아닌 개체에 대한 참조가 포함됩니다.

함수를 호출하고 객체를 전달할 때 실제로는 객체 참조만 전달됩니다. (참조의 복사본을 복사하여 형식 매개변수에 전달하고 객체를 가리킵니다. 즉, 두 참조는 객체를 가리킵니다. 같은 개체)

객체 생성

 var dog = {
  name : "myDog",
  weight : ,
  bark :function(){
   alert("woof!");
  } 
 }
 dog.bark();
로그인 후 복사

참고: 각 속성 뒤에는 ","가 있어야 합니다(마지막 속성 제외).

생성자가 객체를 생성합니다

function Dog(name,weight){
  this.name = name;
  this.weight = weight;
  this.bark = function(){
   if(this.weight > ){
    alert(this.name + "Woof!");
   }else{
    alert(this.name + "Yip!");
   }
  };//这里也不能忘了分号
 }
 var myDog = new Dog("hello","");
 myDog.bark();
로그인 후 복사

PS:

1. 생성자란

생성자는 특별한 방법입니다. 주로 객체를 생성할 때 객체를 초기화하는 데 사용됩니다. 즉, 객체 멤버 변수에 초기값을 할당하는 데 사용됩니다. 객체를 생성하는 문에서는 항상 new 연산자와 함께 사용됩니다.

관련 정보를 참고하여 설명드린 내용입니다. 설명은 매우 책 같지만 의미는 매우 명확합니다. 아래의 작은 예를 참조하세요.

코드는 다음과 같습니다.

 

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

var 요청 = 새로운 XMLHttpRequest();

이 표현은 AJAX 기술을 사용할 때 요청 객체를 생성할 때 자주 사용됩니다. 그러면 "new XMLHttpRequest();"가 표준 생성자임을 분명히 알 수 있습니다. "var"에 "request" 객체를 선언하고 "new XMLHttpRequest();" 생성자를 사용하여 이 "request" 객체를 할당합니다. 초기값. 따라서 우리는 "객체를 생성하고 초기화하기 위해 'new' 연산자와 함께 사용되는 '함수'가 생성자"임을 알 수 있습니다.

예를 들어 배열을 선언하는 일반적인 방법은 표준 생성자입니다. var array = new Array();

2. 인스턴스화 객체란

코드는 다음과 같습니다.

var request = new XMLHttpRequest();
로그인 후 복사

객체지향 프로그래밍에서 클래스를 사용하여 객체를 생성하는 과정을 일반적으로 인스턴스화라고 합니다.

위 설명의 핵심 내용을 빨간색과 파란색으로 강조해 두었습니다. 직설적으로 말하면 객체를 인스턴스화하는 것은 객체를 생성하는 과정입니다!

그러면 "클래스"란 무엇입니까? 문자 그대로 이해하면 "타입"으로 이해할 수 있습니다. 예를 들어, "케이크"는 디저트 카테고리, 즉 유형이고, 치즈케이크는 디저트 케이크 카테고리의 특정 개체, 즉 객체입니다.

우리는 프로그래밍 언어에서 "클래스"가 추상적이라는 것을 알고 있습니다. 이를 작동하거나 해당 메서드와 속성을 사용할 수 있는 방법은 없습니다. 이 클래스를 객체로 인스턴스화해야만 일련의 메서드와 속성을 호출할 수 있습니다. 사실 이것도 이해하기 쉽습니다. 인생에서 우리는 추상적인 것을 보거나 포착할 방법이 없기 때문에 당연히 그 기능 중 일부를 사용할 방법이 없습니다. 실제 상황을 통해서만 우리는 그것을 명확하게 이해하거나 인식할 수 있습니다. 프로그래밍에서도 마찬가지입니다. 따라서 객체를 인스턴스화하는 것은 추상에서 구체적으로 진행되는 과정이며, 이 프로세스를 인스턴스화라고 합니다.

본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

뜨거운 기사 태그

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

JavaScript로 문자열 문자를 교체하십시오 JavaScript로 문자열 문자를 교체하십시오 Mar 11, 2025 am 12:07 AM

JavaScript로 문자열 문자를 교체하십시오

사용자 정의 Google 검색 API 설정 자습서 사용자 정의 Google 검색 API 설정 자습서 Mar 04, 2025 am 01:06 AM

사용자 정의 Google 검색 API 설정 자습서

예제 색상 JSON 파일 예제 색상 JSON 파일 Mar 03, 2025 am 12:35 AM

예제 색상 JSON 파일

10 JQuery Syntax Highlighter 10 JQuery Syntax Highlighter Mar 02, 2025 am 12:32 AM

10 JQuery Syntax Highlighter

8 멋진 jQuery 페이지 레이아웃 플러그인 8 멋진 jQuery 페이지 레이아웃 플러그인 Mar 06, 2025 am 12:48 AM

8 멋진 jQuery 페이지 레이아웃 플러그인

자신의 Ajax 웹 응용 프로그램을 구축하십시오 자신의 Ajax 웹 응용 프로그램을 구축하십시오 Mar 09, 2025 am 12:11 AM

자신의 Ajax 웹 응용 프로그램을 구축하십시오

' this ' 자바 스크립트로? ' this ' 자바 스크립트로? Mar 04, 2025 am 01:15 AM

' this ' 자바 스크립트로?

10 JavaScript & JQuery MVC 자습서 10 JavaScript & JQuery MVC 자습서 Mar 02, 2025 am 01:16 AM

10 JavaScript & JQuery MVC 자습서

See all articles