평가 코드없이 새 변수 클래스 이름을 호출하십시오

Question

그래서 표준 클래스가 하위 클래스로 확장되었습니다. 어떤 경우에는 기본 표준 클래스를 사용하는 대신 jQuery를 통해 사용할 하위 클래스를 옵션으로 전달합니다.

예 : jQuery('img').myPlugin();

가 호출

New mainClass(arg1, arg2)

jQuery('img').myPlugin({classToUse : 'myExtendedClass'});

동안 통화

New myExtendedClass(arg1, arg2)

다음은 작동하는 코드이지만 여러 가지면에서보기 흉합니다. 어떻게하면 제대로 할 수 있습니까? @settings는 간단한 객체이고 @ settings.classToUse는 전달 된 문자열입니다.

@NewClass = eval("new #{@settings.classToUse}(this.$element, this.settings)")

이 작동하지 않음 다음과 스트링 오류를 반환

@Framer = new @settings['classToUse'](this.$element, this.settings)

A는 전체 소스 코드의 버전을 클립은 다음과 같습니다. 논리의 모든 오류는 현재 상태의 코드가 100 % 기능적이므로 코드를 클리핑 한 결과입니다.

here 코드를 볼 수도 있습니다.

class mainClass 
    constructor: (@framedObject, @options) -> 
    doSomething: -> 
    alert('something') 

class myExtendedClass extends mainClass 
    doSomething: -> 
    alert('somethingDifferent') 

class anotherExtendedClass extends mainClass 
    doSomething: -> 
    super 
    alert('Woah!') 

$ -> 
    $.plugin = (element, options) -> 
    @settings = {classToUse : 'myExtendedClass'} #built by merging defaults and options 
    @init = ->  
     @mainClass = eval("new #{@settings.classToUse}(this.$element, this.settings)") 
    @init() 
    this 
    $.fn.mediaFrame = (options) -> 
    return this.each -> 
     plugin = new $.plugin this, options 

Answer 1

어떻게 같은 약 :

당신이

@Framer = new @settings['classToUse'](this.$element, this.settings) 

사용중인으로도 오류가있을 것 같다 "문자열을"인스턴스화 어차피로 두 번째 접근 방식은 실패합니다

class Border 
    constructor: (@options) -> 
class RedBorder extends Border 
    constructor: (@options) -> 
class BlueBorder extends Border 
    constructor: (@options) -> 

borders = 
    Default: Border 
    Red: RedBorder 
    Blue: BlueBorder 

$.plugin = (element, options) -> 
    @mainClass = new borders[@settings.class || 'Default'](@settings) 

Answer 2

"classToUse"대신 "type"을 사용하십시오.

가장 쉬운 방법은 class-obj 요법이 redBorder 클래스 이름이라고 가정이 예에서는

jQuery('img').myPlugin({classToUse : redBorder}); 

jQuery를

에게 줄 해시에.