자바스크립트의 함수란 무엇인가요?

JavaScript에서 함수(Function)는 반복적으로 사용(호출)할 수 있는 캡슐화된 코드 조각입니다. 함수는 값, 개체, 데이터 유형 또는 표현식이 될 수 있으므로 함수를 할당할 수 있습니다. 값은 작업을 수행할 수 있고 속성과 메서드를 가질 수 있으며 임시로 값을 저장하고 인스턴스를 구성할 수도 있습니다.

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

JavaScript에서 객체는 일반적인 개념입니다. 어떤 값이든 객체로 변환하여 숫자 객체, 불리언 객체, 문자열 객체, 유형 객체, 함수 객체, 배열 객체 등과 같은 객체 형태로 사용할 수 있습니다. 이들은 모두 객체 유형 객체를 상속하고 공통된 기본 속성과 메서드를 갖습니다. 또한 JavaScript는 사용자 정의 개체도 허용합니다.

좁은 개념 분석에서 객체(Object)는 가장 기본적인 데이터 유형이며, 정렬되지 않은 데이터 집합입니다.

JavaScript는 객체 기반이지만 완전한 객체 지향 프로그래밍 언어는 아닙니다. JS 객체지향 프로그래밍 모델에는 객체와 클래스라는 두 가지 핵심 개념이 있습니다. ECMAScript6 사양 이전에는 JavaScript에는 클래스 개념이 없었고 생성자를 통해 클래스를 시뮬레이션하고 프로토타입을 통한 상속만 허용했습니다.

JS는 객체를 생성합니다

객체를 생성합니다

new 연산자를 사용하여 생성자를 호출하여 인스턴스 객체를 생성합니다. 구체적인 사용법은 다음과 같습니다.

var objectName = new functionName(args);

매개변수 설명은 다음과 같습니다.

• objectName: 반환된 인스턴스 개체입니다.

• functionName: 생성자, 기본적으로 일반 함수와 동일하지만 반환 값을 반환할 필요가 없으며 인스턴스 개체를 반환하며 함수 내에서 이를 사용하여 미리 액세스할 수 있습니다.

• args: 인스턴스 객체 초기화 구성 매개변수 목록입니다.

Example

다음 예제에서는 다양한 유형의 생성자를 사용하여 다양한 인스턴스를 정의합니다.

var o = new Object();  //定义一个空对象
var a = new Array();  //定义一个空数组
var f = new Function();  //定义一个空函数

객체 리터럴

리터럴을 사용하면 객체를 빠르게 생성할 수 있고 가장 효율적이고 간단한 방법이기도 합니다. 구체적인 사용법은 다음과 같습니다.

var objectName = {
    属性名1 : 属性值1,
    属性名2 : 属性值2,
    ...
    属性名n : 属性值n
};

객체 리터럴에서 속성 이름과 속성 값은 콜론으로 구분됩니다. 속성 값은 모든 유형의 데이터일 수 있으며 속성 이름은 JavaScript 식별자 또는 문자열 표현식일 수 있습니다. 속성은 쉼표로 구분되며 마지막 속성 끝에는 쉼표가 필요하지 않습니다.

Example

다음 코드는 객체 리터럴을 사용하여 두 객체를 정의합니다.

var o = {  //对象直接量
    a : 1,  //定义属性
    b : true  //定义属性
}
var o1 = {  //对象直接量
    "a" : 1,  //定义属性
    "b" : true  //定义属性
}

JavaScript 생성자

JavaScript 생성자(생성자)는 생성자라고도 하며 객체 템플릿처럼 작동합니다. 생성자는 동일한 속성과 인스턴스를 생성할 수 있습니다. 특성이 있지만 동일하지는 않습니다.

생성자 정의

구문이나 사용법 면에서 생성자와 일반 함수 사이에는 차이가 없습니다. 생성자를 정의하는 방법은 다음과 같습니다.

function 类型名称 (配置参数) {
    this.属性1 = 属性值1;
    this.属性2 = 属性值2;
    ...
    this.方法1 = function () {
        //处理代码
    };
    ...
    //其他代码，可以包含return语句
}

생성자 이름의 첫 글자는 대문자로 표기하여 일반 함수와 구별하는 것을 권장합니다.

생성자에는 두 가지 특징이 있습니다.

• 생성할 인스턴스 객체를 참조하려면 함수 본문에서 이를 사용하세요.

• 인스턴스 개체를 생성하는 함수를 호출하려면 새 명령을 사용해야 합니다.

예제

다음 예에서는 두 개의 속성과 하나의 메서드가 포함된 생성자를 정의하는 방법을 보여줍니다.

function Point (x, y) {  //构造函数
    this.x = x;  //私有属性
    this.y = y;  //私有属性
    this.sum = function () {  //方法
        return this.x + this.y;
    }
}
在上面代

코드에서 Point는 인스턴스 객체를 생성하기 위한 템플릿을 제공하는 생성자입니다.

【추천 학습: javascript 고급 튜토리얼】

위 내용은 자바스크립트의 함수란 무엇인가요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!