웹 프론트엔드 JS 튜토리얼 프로토타입 학습 프로토타입 object_prototype

프로토타입 학습 프로토타입 object_prototype

May 16, 2016 pm 06:50 PM
물체

환경:
프로토타입 버전: '1.6.1_rc3'
Aptana Studio, 빌드: 1.2.5.023247
IE7
FF2.0.0.4
Opera 10 베타

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

var Prototype = {
Version: '1.6.1_rc3',
// 브라우저 객체 정의
브라우저: (function(){
var ua = navigator.userAgent;
var isOpera = Object.prototype.toString.call(window.opera) == '[object Opera ]' ;
return {
IE: !!window.attachEvent && !isOpera,
Opera: isOpera,
WebKit: ua.indexOf('AppleWebKit/') > >Gecko : ua.indexOf('Gecko') > -1 && ua.indexOf('KHTML') === -1,
MobileSafari: /Apple.*Mobile.*Safari/.test(ua)
}
})(),
//브라우저 기능 개체 정의
BrowserFeatures: {
XPath: !!document.evaluate,
SelectorsAPI: !!document.querySelector,
ElementExtensions: (function() {
var constructor = window.Element || window.HTMLElement;
return !!(constructor && constructor.prototype);
})(),
SpecificElementExtensions : ( function() {
if (typeof window.HTMLDivElement !== 'undefine')
true를 반환합니다.
var div = document.createElement('div');
var form = document .createElement ('form');
var isSupported = false;
if (div['__proto__'] && (div['__proto__'] !== form['__proto__'])) {
isSupported = true;
div = form = null
return isSupported;
})()
},
ScriptFragment: ']* > ([\S\s]*?)',
JSONFilter: /^/*-secure-([sS]*)*/s*$/,
emptyFunction: 함수 () { },
K: function(x) { return x }
};
if (Prototype.Browser.MobileSafari)
Prototype.BrowserFeatures.SpecificElementExtensions = false;


익명 함수를 호출하고 즉시 실행하면 Broswer 개체가 반환됩니다. 익명 함수를 실행하는 방법에는 세 가지가 있습니다.
1. (function(){return 1})() //() 수 있습니다. 강제 평가, 함수 객체 반환 후 함수 실행
2. (function(){return 1}()) //함수 실행 결과 반환
3. }() //void도 가능합니다. 강제 연산의 사용법
그 중 Opera를 판별하는 방법은 isOpera는 window.opera를 사용하는데, 이는 Opera 브라우저에서 객체를 반환하고, 다른 브라우저는 undefine을 반환합니다.
BrowserFeatures 객체는 주로 브라우저의 일부 기능을 결정하며 FF는 IE에서 지원되지 않는 많은 기능을 지원합니다. 예를 들어 document.evalute 메서드는 XPATH를 통해 HTML 문서를 작동할 수 있지만 IE는 이를 지원하지 않습니다.
이 기능의 자세한 사용법은 다음과 같습니다.


var xpathResult = document.evaluate(xpathExpression, contextNode, 네임스페이스Resolver, resultType, result);


평가 함수는 총 5개의 인수를 사용합니다.
xpathExpression: 평가할 xpath 표현식
contextNode: Xpath 표현식을 평가해야 하는 문서의 노드
namespaceResolver: xpathExpression에서 네임스페이스 접두어가 포함된 문자열을 가져와 해당 URI가 포함된 문자열을 반환하는 함수 이는 XPath 표현식에 사용된 접두사와 문서에 사용된 (아마도 다른) 접두사 간의 변환을 가능하게 합니다.
resultType: 반환되는 결과 유형을 나타내는 숫자 상수는 전역에서 사용할 수 있습니다. XPathResult 객체는 XPath 사양의 관련 섹션에 정의되어 있습니다. 대부분의 경우 XPath 표현식의 결과가 가장 자연스러운 유형인
결과로 반환되도록 하는 XPathResult.ANY_TYPE을 전달하는 것이 좋습니다. null을 전달하면 새로운 XPathResult가 생성됩니다.
그 중 __proto__는 FF 아래 객체의 프로토타입 객체, 즉 객체의 프로토타입을 얻을 수 있습니다. 이는 C, JAVA 및 C# 언어의 일반적인 클래스 기반 상속과 달리 JavaScript 상속 메커니즘인 프로토타입 기반 상속의 기초이기도 합니다. Ruby나 Python에서 자주 사용하는 메타클래스 상속 방식도 있습니다.
ScriptFragment는 웹 페이지에서 스크립트를 참조하는 정규식을 정의합니다.
JSONFilter: 사용법을 더 명확하게 하기 위해 프로토타입의 원래 설명을 인용하는 것이 좋습니다. -


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

/*String#evalJSON은 내부적으로 String#unfilterJSON을 호출하고 선택적 보안 주석 구분 기호(Prototype.JSONFilter에 정의됨)를 자동으로 제거합니다.*/

person = '/*-secure-n{" name": "Violet", "occupation": "character"}n*/'.evalJSON() person.name; //-> "Violet"

/*항상 보안 주석 구분 기호를 설정해야 합니다. (/*-secure-n...*/) 하이재킹을 방지하기 위해 민감한 JSON 또는 JavaScript 데이터를 보호합니다. (자세한 내용은 이 PDF 문서를 참조하세요.)*/

Prototype.K가 반환됩니다. 첫 번째 One-parameter 방식:
코드 복사 코드는 다음과 같습니다.

Prototype. K('안녕하세요!'); // -> '안녕하세요!'
Prototype.K(1.5) // -> Prototype.K(Prototype.K) // - > Prototype.K

JavaScript의 정적 메서드와 인스턴스 메서드를 설명하세요.
정적 메서드는 다음과 같이 확장되어야 합니다.
Date.toArray=function(){}
그러면 toArray 메서드는 다음과 같이 Date 정적 메서드를 호출할 수 없습니다(new Date()).toArray(). 그렇지 않으면 예외가 발생합니다.
다음과 같이 사용하려면: Date.toArray()
인스턴스 메소드는 다음과 같이 확장되어야 합니다.
Date.prototype.toArray2=function(){}
그러면 toArray2 메소드는 Date의 인스턴스 메소드입니다.
다음과 같이 사용해야 합니다: (new Date()).toArray2()
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 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)

PHP의 json_encode() 함수를 사용하여 배열 또는 객체를 JSON 문자열로 변환 PHP의 json_encode() 함수를 사용하여 배열 또는 객체를 JSON 문자열로 변환 Nov 03, 2023 pm 03:30 PM

JSON(JavaScriptObjectNotation)은 웹 애플리케이션 간의 데이터 교환을 위한 일반적인 형식이 된 경량 데이터 교환 형식입니다. PHP의 json_encode() 함수는 배열이나 객체를 JSON 문자열로 변환할 수 있습니다. 이 기사에서는 구문, 매개변수, 반환 값 및 구체적인 예를 포함하여 PHP의 json_encode() 함수를 사용하는 방법을 소개합니다. 구문 json_encode() 함수의 구문은 다음과 같습니다. st

소스 코드 탐색: Python에서 객체는 어떻게 호출되나요? 소스 코드 탐색: Python에서 객체는 어떻게 호출되나요? May 11, 2023 am 11:46 AM

웨지 우리는 객체가 두 가지 주요 방법으로 생성된다는 것을 알고 있습니다. 하나는 Python/CAPI를 사용하는 것이고, 다른 하나는 유형 객체를 호출하는 것입니다. 내장 유형의 인스턴스 객체의 경우 두 가지 방법이 모두 지원됩니다. 예를 들어 목록은 [] 또는 list()를 통해 생성할 수 있으며 전자는 Python/CAPI이고 후자는 호출 유형 객체입니다. 그러나 사용자 정의 클래스의 인스턴스 객체의 경우 유형 객체를 호출해야만 생성할 수 있습니다. 객체를 호출할 수 있으면 해당 객체는 호출 가능하고, 그렇지 않으면 호출할 수 없습니다. 객체가 호출 가능한지 여부는 해당 유형 객체에 메서드가 정의되어 있는지 여부에 따라 결정됩니다. 좋다

PHP의 요청 객체란 무엇입니까? PHP의 요청 객체란 무엇입니까? Feb 27, 2024 pm 09:06 PM

PHP의 요청 객체는 클라이언트가 서버로 보낸 HTTP 요청을 처리하는 데 사용되는 객체입니다. Request 객체를 통해 요청 메소드, 요청 헤더 정보, 요청 매개변수 등과 같은 클라이언트의 요청 정보를 얻어 요청을 처리하고 응답할 수 있습니다. PHP에서는 $_REQUEST, $_GET, $_POST 등과 같은 전역 변수를 사용하여 요청된 정보를 얻을 수 있지만 이러한 변수는 객체가 아니라 배열입니다. 요청사항을 보다 유연하고 편리하게 처리하기 위해

MySQL 쿼리 결과 배열을 객체로 변환하는 방법은 무엇입니까? MySQL 쿼리 결과 배열을 객체로 변환하는 방법은 무엇입니까? Apr 29, 2024 pm 01:09 PM

MySQL 쿼리 결과 배열을 객체로 변환하는 방법은 다음과 같습니다. 빈 객체 배열을 만듭니다. 결과 배열을 반복하고 각 행에 대해 새 개체를 만듭니다. foreach 루프를 사용하여 각 행의 키-값 쌍을 새 개체의 해당 속성에 할당합니다. 개체 배열에 새 개체를 추가합니다. 데이터베이스 연결을 닫습니다.

Python의 __contains__() 함수를 사용하여 객체의 포함 작업을 정의합니다. Python의 __contains__() 함수를 사용하여 객체의 포함 작업을 정의합니다. Aug 22, 2023 pm 04:23 PM

Python의 __contains__() 함수를 사용하여 객체의 포함 작업을 정의합니다. Python은 다양한 유형의 데이터를 처리할 수 있는 많은 강력한 기능을 제공하는 간결하고 강력한 프로그래밍 언어입니다. 그 중 하나는 __contains__() 함수를 정의하여 객체의 포함 작업을 구현하는 것입니다. 이 기사에서는 __contains__() 함수를 사용하여 객체의 포함 작업을 정의하는 방법을 소개하고 몇 가지 샘플 코드를 제공합니다. __contains__() 함수는 Python입니다.

Python의 __le__() 함수를 사용하여 두 객체의 작거나 같은 비교를 정의합니다. Python의 __le__() 함수를 사용하여 두 객체의 작거나 같은 비교를 정의합니다. Aug 21, 2023 pm 09:29 PM

제목: Python의 __le__() 함수를 사용하여 두 개체의 작거나 같은 비교 정의 Python에서는 특별한 방법을 사용하여 개체 간의 비교 작업을 정의할 수 있습니다. 그 중 하나는 작거나 같은 비교를 정의하는 데 사용되는 __le__() 함수입니다. __le__() 함수는 Python의 마법 메서드이며 "작거나 같음" 연산을 구현하는 데 사용되는 특수 함수입니다. 작거나 같음 연산자(<=)를 사용하여 두 객체를 비교할 때 Python

PHP에서 배열과 객체의 차이점은 무엇입니까? PHP에서 배열과 객체의 차이점은 무엇입니까? Apr 29, 2024 pm 02:39 PM

PHP에서 배열은 순서가 지정된 시퀀스이며 요소는 인덱스로 액세스됩니다. 객체는 new 키워드를 통해 생성된 속성과 메서드가 있는 엔터티입니다. 배열 액세스는 인덱스를 통해 이루어지며, 객체 액세스는 속성/메서드를 통해 이루어집니다. 배열 값이 전달되고 객체 참조가 전달됩니다.

C++ 함수가 객체를 반환할 때 무엇에 주의해야 합니까? C++ 함수가 객체를 반환할 때 무엇에 주의해야 합니까? Apr 19, 2024 pm 12:15 PM

C++에서는 함수가 객체를 반환할 때 주의해야 할 세 가지 사항이 있습니다. 객체의 수명 주기는 메모리 누수를 방지하기 위해 호출자가 관리합니다. 매달린 포인터를 피하고 메모리를 동적으로 할당하거나 개체 자체를 반환하여 함수가 반환된 후에도 개체가 유효한지 확인하세요. 컴파일러는 성능을 향상시키기 위해 반환된 개체의 복사 생성을 최적화할 수 있지만 개체가 값 의미 체계에 따라 전달되는 경우 복사 생성이 필요하지 않습니다.

See all articles