javascript - この文字列をメソッド呼び出しとして使用できないのはなぜですか?

Question

これは私のスクリプトです。何らかの理由で使用contactForm.container[contactForm.container.config.effect]();すると、「contactForm.container.config is undefined」と表示されます...定義されていることがよくわかります! 私は何を間違っていますか？ありがとうございました

<script>

(function(){

  $('html').addClass('js');


 var contactForm ={

     container: $('#contact'),

     config: {
          effect:'slideToggle'
            }, 

     init: function(){
        $('<button></button>',{
           text: 'Contactame'
        })
               .insertAfter('article:first')
               .on('click', this.show);

            }, 

     show: function(){
                contactForm.close.call(contactForm.container);
                contactForm.container[contactForm.container.config.effect]();
            }, 

     close: function(){
                var $this = $(this);
                  $('<span class=close>X</span>')           
                       .prependTo(this)
                       .on('click',function(){

                                  $this.hide();

                                             })
                     } 

  };
       contactForm.init();
    })();

</script>

Answer 1

configの子ではありませんcontainer。彼らは兄弟です。

あなたが望むようです：

contactForm.config.effect

Answer 2

そうであってはなりcontactForm.configませんcontactForm.container.config。呼び出しを次のように変更します。

contactForm.container[contactForm.config.effect]();