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

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

WBOY
풀어 주다: 2016-05-16 18:50:08
원래의
850명이 탐색했습니다.

환경:
프로토타입 버전: '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()
관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿