>  기사  >  웹 프론트엔드  >  Javascript에서 함수를 사용하여 클래스를 만드는 두 가지 방법

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

高洛峰
高洛峰원래의
2016-12-06 13:58:241456검색

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() 직접


성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.