>  기사  >  웹 프론트엔드  >  자바스크립트 객체와 함수의 차이점은 무엇입니까

자바스크립트 객체와 함수의 차이점은 무엇입니까

WBOY
WBOY원래의
2022-03-03 12:33:292980검색

차이점: 1. JavaScript 개체는 함수를 캡슐화할 수 있는 변수의 컨테이너이고, 함수는 특정 작업을 수행하도록 설계된 코드 블록입니다. 2. JavaScript 개체는 작업 프로세스를 캡슐화할 수 없지만 JavaScript 함수는 작업 프로세스를 캡슐화할 수 있습니다.

자바스크립트 객체와 함수의 차이점은 무엇입니까

이 튜토리얼의 운영 환경: Windows 10 시스템, JavaScript 버전 1.8.5, Dell G3 컴퓨터.

자바스크립트 객체와 함수의 차이점은 무엇인가요?

1. 객체

"JavaScript" 객체는 변수의 컨테이너이지만 일반적으로 우리는 객체를 키-값 쌍의 컨테이너로 생각합니다. 키-값 쌍을 쓰는 것은 이름:값입니다(키 AND 값은 콜론으로 구분됩니다).

키-값 쌍은 일반적으로 JavaScript 개체에서 개체 속성이라고 합니다.

예:

var person = {
    firstName:"zhang",
    lastName:"erga",
    fullName: function() {
        return this.firstName + " " + this.lastName;
    }
}

2. 함수

함수(메소드 함수)는 나중에 동일한 프로세스를 실행하려면 해당 함수(메소드)를 호출하면 됩니다. 객체는 js 코드도 캡슐화하지만 객체는 함수(메서드)를 캡슐화할 수 있습니다. 예를 들어, 특정 유형의 함수(메서드)를 객체로 캡슐화합니다. 이를 통해 시스템은 호출 기능(메서드)을 관리할 수 있습니다.

예:

function sum(num1, num2) {
    return num1 + num2; 
}

3. 연락처

함수는 객체에 캡슐화될 수 있습니다.

예:

var person = {
    firstName:"zhang",
    lastName:"erga",
    fullName: function() {
        return this.firstName + " " + this.lastName;
    }
}

4. Difference

객체는 키-값 쌍만 포함하고 있을 수 있습니다(키 값은 ":"으로 구분되며 값 내용에는 일반 변수 및 함수가 포함됩니다).

연산 프로세스는 함수에 캡슐화될 수 있지만, 연산 프로세스는 객체에 캡슐화될 수 없습니다.

관련 권장 사항: javascript 학습 튜토리얼

위 내용은 자바스크립트 객체와 함수의 차이점은 무엇입니까의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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