자바스크립트 고속 충전

Netscape에서 발명한 아이디어는 Python에 약간 가까운 기능적 언어인 Schema 및 Self에서 나왔습니다.

특징: 약한 타이핑, 동적 구문 분석, 함수는 객체이며 객체는 처음 세 가지를 기반으로 합니다. Prototype의 특징

이해하기 쉽게 마지막 부분을 자세히 설명해야 합니다.

가장 기본적인 모범 사례: 대규모 프로그램에서 함수와 객체를 사용하세요! 저널 프로그래밍을 하지 마세요.

객체를 생성하는 가장 쉬운 방법은 다음과 같습니다.

var myObject = new Object();

객체의 본질 위의 JavaScript 객체는 연관 배열입니다.

팁: 변수에 함수를 할당할 때 functionName()을 사용하는 것과 functionName을 사용하는 것의 차이점에 주의하세요. 전자는 함수의 결과를 변수에 지불하는 반면 후자는 함수의 결과를 지불합니다. 변수에 대한 함수 참조.

JSON을 사용하여 JavaScript 객체를 생성하고 수정할 수 있으며, JavaScript도 JSON으로 생성된 객체를 수정할 수 있습니다.

생성자/클래스/프로토타입 속성

자바스크립트에도 객체와 클래스 개념이 있지만 내장 상속 개념은 없습니다. 실제로 모든 JavaScript 객체는 동일한 기본 클래스의 인스턴스입니다. 이 기본 클래스에는 런타임 시 멤버 필드와 함수를 자체적으로 연결하는 기능이 있습니다.

안전한 대안: 프로토타입 속성

프로토타입은 OO 언어에 상응하는 속성이 없는 JavaScript 개체의 속성입니다. 함수와 속성은 생성자 프로토타입과 연결될 수 있습니다. 그런 다음 프로토타입과 new 키워드가 함께 작동합니다. new를 사용하여 함수를 호출하면 함수 프로토타입의 모든 속성과 메서드가 결과 개체에 연결됩니다.

Java 코드

function MyObject(이름, 크기){

this.name = 이름;

this.size = 크기; 🎜>}

MyObject.prototype.tellsize = function(){

alert(""+this.name+"의 크기는 "+this.size);

}

var myObj = new MyObject("tiddles", "7.5미터")

myObj.tellSize()

function MyObject(이름, 크기){

this.name = 이름;

this.size = 크기;

}

MyObject.prototype.tellsize = function(){

alert(""+this.name+"의 크기는 "+this.size);

}

var myObj = new MyObject("tiddles", "7.5미터");

myObj.tellSize();

생성자를 선언한 후에만 프로토타입을 참조할 수 있습니다. 객체는 생성자를 호출하기 전에 프로토타입에 첨부된 항목을 상속합니다. 프로토타입은 생성자 호출 사이에 수정될 수 있으며, 함수뿐만 아니라 모든 것이 프로토타입에 첨부될 수 있습니다.

프로토타입을 사용하여 JavaScript 객체에 대해 클래스와 유사한 동작을 정의하는 것은 안전하고 신뢰할 수 있는 방법입니다.

내장 클래스 확장

웹 브라우저에서 일부 핵심 클래스는 프로토타입 메커니즘을 통해 확장될 수 있습니다.

Java 코드

Array.prototype.indexOf = function(obj) {

var result = -1

for (var i=0; i< this.length; i++) {

if (this[i]==obj){

result=i

}

}

}

Array.prototype.indexOf = function(obj) {

var result = -1;

for (var i=0; i< this.length; i++) {

if (this[i]==obj){

result=i;

break;

}

}

}

프로토타입 상속

JavaScript에는 기본 구현이 없지만 몇 가지 깔끔한 해결 방법이 있습니다.

JavaScript 객체 반영

객체 유형을 검색하는 데 사용

이벤트 처리 및 함수 컨텍스트

Dom 요소의 이벤트 처리 함수를 프로그래밍 방식으로 선언할 때 함수에 매개 변수가 할당되지 않은 경우에도 Dom 요소를 클릭하면 Event 개체가 함수 호출의 매개 변수로 사용되며 요소 자체는 다음과 같습니다. 컨텍스트 객체로 사용됩니다.

이벤트 핸들러가 자신이 연결된 모델 객체를 참조하도록 하려면 두 가지 방법이 있습니다.

1. 이름을 사용하여 모델을 참조합니다. >

2. Dom 노드에 모델 연결