Javascript немедленный вызов функции

Question

Я экспериментирую с различными вызовами функций javascript, я попытался запустить код ниже. Вот ссылка скрипки https://jsfiddle.net/7de5vfpj/

var app = function() { 
    var ans = { 
     power: alert("power"), 
     wow: alert("wow") 
    } 
    return ans; 
}(); 

От скрипки он предупреждает как «власть» и «вау», когда я просто ожидал его, чтобы предупредить «вау». Почему так происходит?

Answer 1

Вы фактически вызываете оба предупреждения. Для того, чтобы получить ожидаемое поведение, вам нужно передать ссылки функции к методам, а не уже вызываются функции (ваш IIFE прекрасно, это ваши объявления методов, которые являются причиной вашей проблемы):

var app = function() { 
    var ans = { 
     power: function() { alert("power") }, 
     wow: function() { alert("wow") } 
    } 
    return ans; 
}(); 

ВИДЕТЬ updated jsfiddle ,

Вы можете также, в качестве альтернативы, воспользоваться тем, что Function.prototype.bind возвращает ссылку на функцию:

var app = function() { 
    var ans = { 
     power: alert.bind(this, 'power'), 
     wow: alert.bind(this, 'wow') 
    } 
    return ans; 
}(); 

app.power(); 

Вот that jsfiddle.

В исходном коде, если вы откроете консоль, вы увидите Uncaught TypeError: app.power is not a function. Это потому, что window.alert возвращается undefined, и window.alert функции уже вызываются ... поэтому они возвращаются undefined, и когда вы пытаетесь вызвать app.power(), вы пытаетесь вызвать значение возврата этого метода ... и, очевидно, undefined не является функцией, поскольку ошибка очень семантически заявляет.

Answer 2

Оригинал Fiddle:

var app = function() { 
var ans = { 
    power: alert("power"), 
    wow: alert("wow") 
    } 
    return ans; 
}(); 

app.power(); 

В бдительные методы вызываются из буквального синтаксиса объекта. вызов ans.power(); в нижней части скрипта вызывает следующее исключение.

Uncaught TypeError: app.power is not a function 

Метод предупреждения не имеет никакого возвращаемого значения. Это приводит к тому, что свойства power и wow имеют значения undefined.

Это также вызывает вызов в нижней части скрипки, чтобы исключить исключение выше.

Answer 3

Вы назначаете предупреждение переменной и при инициализации это вызывает предупреждение.

var x = alert("aa"); //this will trigger alert on initialization. 

Вероятно, лучшим решением было бы сделать как power и wow функции.

var app = function() { 
var ans = { 
    power: function(){alert("power")}, 
    wow: function(){alert("wow")} 
} 
return ans; 
}(); 

Надеюсь, это поможет.

Answer 4

Я создал что-то, что могло бы сделать то, что вы хотели.

function app() { 
    this.power = function(){ 
     alert('power'); 
    } 
    this.wow = function(){ 
     alert('wow'); 
    } 
}; 

var app = new app; 

app.power() 
app.wow() 

вы можете использовать app.power() для вызова метода питания или app.wow() для вау метода.для создания новых методов, просто следуйте формату использования

this.methodName = function(){ 
    //code you want to execute 
} 


//to call that method, outside of the function, 
//and after you set a variable to new app, call this 

app.methodName();