Javascript에서 함수를 사용하여 클래스를 만드는 두 가지 방법

高洛峰
풀어 주다: 2016-12-06 13:58:24
원래의
1455명이 탐색했습니다.

1. 함수 클래스 사용

//myFunction.js
var CMyFunc=function()
{
//类的公共方法,供外部调用
this.Func1=function()
{
var i=0;
return i;
}
 
this.Func2=function()
{
_privateFunc();
}
 
//类中的私有方法,供公共方法调用
function _privateFunc()
{
return 0;
]
}
 
CMyFunc myFunc=new CMyFunc();
로그인 후 복사

사용법: myFunction.js를 다른 자바스크립트 파일에 도입한 후 myFunc(전역 변수)를 직접 사용합니다. Func1

2. 함수 클래스 사용(2)

//myFunction.js
var CMyFunc=function()
{
var myFunc=new Object();
//类的公共方法,供外部调用
myFunc.Func1=function()
{
var i=0;
return i;
}
 
myFunc.Func2=function()
{
_privateFunc();
}
 
//类中的私有方法,供公共方法调用
function _privateFunc()
{
return 0;
]
 
return myFunc;
}
로그인 후 복사

사용법: myFunction.js를 다른 자바스크립트 파일에 도입한 후 var를 전달합니다. myFunc=new CMyFunc()는

을 사용하여 개체를 초기화합니다. 장점: 1. myFunc 개체 함수를 사용할 때 스마트 프롬프트가 있습니다. 2. myFunction.js에서 전역 변수를 만들 필요가 없습니다. 3. myFunc 객체 함수는 동일한 지점을 가리킵니다

3. jquery 확장자 사용

//myFunction.js
(function ($) {
$.MyFunc={};
 
$.MyFunc.Func1=function()
{
var i=0;
return i;
}
 
$.MyFunc.Func2=function()
{
var i=0;
return i;
}
 
 
})(jQuery);
로그인 후 복사

사용법: myFunction.js를 다른 자바스크립트 파일에 도입한 후 $. MyFunc.Func1() 직접


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