웹 프론트엔드 JS 튜토리얼 Function_javascript 기술을 위한 OOP 확장

Function_javascript 기술을 위한 OOP 확장

May 16, 2016 pm 06:53 PM
function oop

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

// 다음은 OOP에서 사용하는 방식입니다
// 엄청 편리해요 외설스럽습니다... JS는 OOP 언어가 아니기 때문이죠...
// 하지만 훌륭한 팬들이 이렇게 하도록 안내하고 있습니다
// Belldandy는 이러한 방법을 사용하는 사람들을 축복할 것입니다 OOP로...
Function.prototype .inherits = function(base){
//파생 관계, 프로토타입은 유지됨
//단일 파생만 지원됨
this.prototype = new base( );
return this;
}
Function.prototype.create = function(){
//클래스 생성자는 new를 사용하는 것과 동일합니다
//JS는 호출을 사용하고 생성자에서 적용하므로...
/ /Belldandy, 이 문제를 해결하는 방법을 알려주셔서 감사합니다...
var _args = []
for(i=0; ;i
return eval('new this(' _args.join(',') ')'); //eval이 사용됩니다...벨, 다음에는 더 친절해 주세요 제 생각은...
}
Function.prototype.pin = function(pinner,args){
// 서비스 등록 또는 " pin" 서비스
// EventManager가 이를 수행할 수 있습니다
// 기본 구현으로 인터페이스를 구현하는 것으로 생각할 수도 있습니다...

// 예를 들어 pin EventManager는 다음과 같습니다. this: Class.pin(core.WvwntManager)
args = args [ ];
pinner.apply(this.prototype,args)
return this; 프로토타입.method = function(name, f) { //메소드 추가, 효율적입니다
if (!(f 인스턴스of Function)) throw new Error('잘못된 메소드 바인딩, ' typeof f ' 유형을 얻었습니다. 예상 함수');
this.prototype[name] = f;
return this
}
Function.prototype.property = function(name, localName, getter, setter) { //속성 추가, getter 사용자 정의 가능 및 setters
if (!name || !name instanceof String) throw new EnvironmentException('속성을 정의할 때 속성 이름이 정의되지 않았거나 문자열이 아닙니다.')
if (!localName || ! localName instanceof String) localName = '_local_' name;
if(getter 인스턴스of 함수) {
this.prototype['_belldandy_get_' name] = getter;
}
if(setter 인스턴스of 함수)
this.prototype['_belldandy_set_' name] = setter;
}
this.prototype[name] = new Function("value , force","
if (!value && !force) {
if (!this['" '_belldandy_get_' name "'] || !this['" '_belldandy_get_' name "'] 인스턴스of 함수)
return this['" localName "'] /* getter가 설정되지 않은 경우*/
else
return this['" '_belldandy_get_ ' name "'].call(this)
} else {
if (!this['" '_belldandy_set_ ' name "'] || !this['" '_belldandy_set_' name "'] 인스턴스of 함수 )
this['" localName "'] = value;
else
this['" '_belldandy_set_' name "'].call(this, value);
return this
} ") //Belldandy, 용서하세요. 비록 이것이 클로저를 생성하지는 않지만
return this
}
Function.prototype.static = function(name,value){ //속성을 포함한 정적 기능 및
this[name] = value
return this; 🎜>
에는 다음과 같은 효과가 있습니다.



코드 복사
코드는 다음과 같습니다.function foo() { }; foo .property('a', '_a') .property('b', '_b', function() { 이것을 반환합니다. _b '.' })
.method('f', function() { dwn(this.a ()) })
function bar(x,y){this.x = x;this. y = y;};
with(bar){
inherits(foo)
method ('g',function(){dwn(this.a() '-' this.b()) })
}

var f = new foo();
f.a( 1)
f.b(2)
dwn(f.a()); (f.b());
f.f();
b.a(4)
b. x',' b.y) >
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

AI Hentai Generator

AI Hentai Generator

AI Hentai를 무료로 생성하십시오.

뜨거운 도구

메모장++7.3.1

메모장++7.3.1

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

SublimeText3 중국어 버전

SublimeText3 중국어 버전

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

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

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

기능은 무슨 뜻인가요? 기능은 무슨 뜻인가요? Aug 04, 2023 am 10:33 AM

함수는 특정 기능을 포함하는 재사용 가능한 코드 블록으로, 입력 매개변수를 받아들이고 특정 작업을 수행하며 결과를 반환하는 것이 목적입니다. 코드 재사용성과 유지 관리성을 향상시키는 코드입니다.

Python에서 'enumerate()' 함수의 목적은 무엇입니까? Python에서 'enumerate()' 함수의 목적은 무엇입니까? Sep 01, 2023 am 11:29 AM

이번 글에서는 enumerate() 함수와 Python에서 “enumerate()” 함수의 목적에 대해 알아봅니다. enumerate() 함수란 무엇입니까? Python의 enumerate() 함수는 데이터 컬렉션을 매개변수로 받아들이고 열거형 객체를 반환합니다. 열거형 객체는 키-값 쌍으로 반환됩니다. 키는 각 항목에 해당하는 인덱스이고 값은 항목입니다. 구문 enumerate(iterable,start) 매개변수 iterable - 전달된 데이터 컬렉션은 iterablestart라는 열거형 개체로 반환될 수 있습니다. - 이름에서 알 수 있듯이 열거형 개체의 시작 인덱스는 start로 정의됩니다. 우리가 무시한다면

MySQL.proc 테이블의 역할과 기능에 대한 자세한 설명 MySQL.proc 테이블의 역할과 기능에 대한 자세한 설명 Mar 16, 2024 am 09:03 AM

MySQL.proc 테이블의 역할과 기능에 대한 자세한 설명 MySQL은 널리 사용되는 관계형 데이터베이스 관리 시스템으로, 개발자가 MySQL을 사용할 때 저장 프로시저(StoredProcedure)를 생성하고 관리하는 경우가 많습니다. MySQL.proc 테이블은 저장 프로시저의 이름, 정의, 매개변수 등을 포함하여 데이터베이스의 모든 저장 프로시저와 관련된 정보를 저장하는 매우 중요한 시스템 테이블입니다. 이번 글에서는 MySQL.proc 테이블의 역할과 기능에 대해 자세히 설명하겠습니다.

'PHP의 객체 지향 프로그래밍 소개: 개념에서 실습까지' 'PHP의 객체 지향 프로그래밍 소개: 개념에서 실습까지' Feb 25, 2024 pm 09:04 PM

객체 지향 프로그래밍이란 무엇입니까? 객체 지향 프로그래밍(OOP)은 실제 엔터티를 클래스로 추상화하고 객체를 사용하여 이러한 엔터티를 나타내는 프로그래밍 패러다임입니다. 클래스는 객체의 속성과 동작을 정의하고, 객체는 클래스를 인스턴스화합니다. OOP의 가장 큰 장점은 코드를 더 쉽게 이해하고 유지 관리하며 재사용할 수 있다는 것입니다. OOP의 기본 개념 OOP의 주요 개념에는 클래스, 개체, 속성 및 메서드가 포함됩니다. 클래스는 객체의 속성과 동작을 정의하는 객체의 청사진입니다. 객체는 클래스의 인스턴스이며 클래스의 모든 속성과 동작을 갖습니다. 속성은 데이터를 저장할 수 있는 개체의 특성입니다. 메소드는 객체의 데이터에 대해 작동할 수 있는 객체의 함수입니다. OOP의 장점 OOP의 주요 장점은 다음과 같습니다. 재사용성: OOP는 코드를 더 많이 만들 수 있습니다.

객체지향 프로그래밍에 Golang 함수 적용 객체지향 프로그래밍에 Golang 함수 적용 May 31, 2024 pm 07:36 PM

Go 함수는 객체의 메소드로 사용 가능합니다. 메소드는 객체의 필드와 메소드에 대한 액세스를 제공하는 객체와 연관된 함수입니다. Go에서 메소드는 func(receiver_type)identifier(parameters)return_type 구문을 사용하여 정의됩니다. 이 접근 방식은 캡슐화, 재사용 및 확장성을 제공함으로써 객체 지향 프로그래밍에서 중요한 역할을 합니다.

Vue.use 함수의 사용법과 기능 Vue.use 함수의 사용법과 기능 Jul 24, 2023 pm 06:09 PM

Vue.use 함수의 사용법 및 기능 Vue는 많은 유용한 기능을 제공하는 널리 사용되는 프런트 엔드 프레임워크입니다. 그 중 하나는 Vue 애플리케이션에서 플러그인을 사용할 수 있게 해주는 Vue.use 기능입니다. 이 기사에서는 Vue.use 함수의 사용법과 기능을 소개하고 몇 가지 코드 예제를 제공합니다. Vue.use 함수의 기본 사용법은 매우 간단합니다. Vue가 인스턴스화되기 전에 호출하고 매개변수로 사용하려는 플러그인을 전달하면 됩니다. 다음은 간단한 예입니다. //플러그인 소개 및 사용

PHP의 file_exists() 함수 PHP의 file_exists() 함수 Sep 14, 2023 am 08:29 AM

file_exists 메소드는 파일이나 디렉토리가 존재하는지 확인합니다. 확인할 파일이나 디렉터리의 경로를 인수로 받아들입니다. 용도는 다음과 같습니다. 파일을 처리하기 전에 파일이 존재하는지 알아야 할 때 유용합니다. 이렇게 하면 새 파일을 만들 때 이 기능을 사용하여 파일이 이미 존재하는지 알 수 있습니다. 구문 file_exists($file_path) 매개변수 file_path - 존재 여부를 확인할 파일 또는 디렉터리의 경로를 설정합니다. 필수의. return file_exists() 메서드가 반환됩니다. 파일이나 디렉터리가 존재하면 TrueFalse를 반환하고, 파일이나 디렉터리가 존재하지 않으면 예를 들어 "candidate.txt" 파일을 확인하고 파일이

js 함수의 사용법은 무엇입니까 js 함수의 사용법은 무엇입니까 Oct 07, 2023 am 11:25 AM

js 함수 함수의 사용법은 다음과 같습니다. 1. 함수 호출 3. 함수 반환 값 6. 함수 범위 8.

See all articles