Оголошення функції в CoffeeScript

Я помічаю, що в CoffeeScript, якщо я визначаю функцію, використовуючи:

a = (c) -> c=1

Я можу отримати лише вираз функції :

var a;
a = function(c) {
    return c = 1;
};

Але, особисто я часто використовую оголошення функції , наприклад:

function a(c) {
    return c = 1;
}

Я використовую першу форму, але мені цікаво, чи існує спосіб у CoffeeScript генерувати декларацію функції. Якщо такого способу немає, я хотів би знати, чому CoffeeScript уникає цього. Я не думаю, що JSLint буде кричати помилку для оголошення, поки функція оголошена у верхній частині області.

CoffeeScript використовує декларації функцій (вони ж "іменовані функції") лише в одному місці: classвизначення. Наприклад,

class Foo

компілює до

var Foo;
Foo = (function() {
  function Foo() {}
  return Foo;
})();

Причина, по якій CoffeeScript не використовує декларації функцій деінде, відповідно до поширених запитань :

Звинувачуйте Microsoft за це. Спочатку кожна функція, яка могла мати розумне ім'я, отримане для неї, отримувала одне, але версії IE 8 і старіші мають проблеми з масштабуванням, коли названа функція трактується як декларація і як вираз. Дивіться це для отримання додаткової інформації.

Коротше кажучи: необережне використання оголошень функцій може призвести до невідповідностей між IE (до 9) та іншими середовищами JS, тому CoffeeScript уникає їх.

Так, ти можеш:

hello()

`function hello() {`
console.log 'hello'
dothings()
`}`

Ви уникнете чистого JS за допомогою зворотного удару `

Зверніть увагу, що ви не можете робити відступи на тілі своєї функції.

Ура

З CoffeeScript потрібно пам’ятати, що ви завжди можете повернутися до JavaScript. Хоча CoffeeScript не підтримує декларовані іменовані функції, ви завжди можете повернутися до JavaScript, щоб зробити це.

http://jsbin.com/iSUFazA/11/edit

# http://jsbin.com/iSUFazA/11/edit
# You cannot call a variable function prior to declaring it!
# alert csAddNumbers(2,3) # bad!

# CoffeeScript function
csAddNumbers = (x,y) -> x+y

# You can call a named function prior to
# delcaring it
alert "Calling jsMultiplyNumbers: " + jsMultiplyNumbers(2,3) # ok!

# JavaScript named function
# Backticks FTW!
`function jsMultiplyNumbers(x,y) { return x * y; }`

Ви також можете написати велику функцію жиру в CoffeeScript, а потім просто скористатися трюком зворотних зв’язків, щоб JavaScript викликав іншу функцію:

# Coffeescript big function
csSomeBigFunction = (x,y) ->
   z = x + y
   z = z * x * y
   # do other stuff
   # keep doing other stuff

# Javascript named function wrapper
`function jsSomeBigFunction(x,y) { return csSomeBigFunction(x,y); }`

Ні, ви не можете визначити функцію у сценарії кави, і вона повинна генерувати декларацію функції у сценарії кави

Навіть якщо ти просто пишеш

-> 123

згенерований JS буде обгорнуто в паренси, що робить його виразом функції

(function() {
  return 123;
});

Я припускаю, що це тому, що декларації функцій "піднімаються" до верхньої частини обгортки, що порушує логічний потік джерела coffeescript.

Хоча це старіший пост, я хотів додати щось до розмови для майбутніх співробітників Google.

OP правильний тим, що ми не можемо оголошувати функції в чистому CoffeeScript (виключаючи ідею використання зворотних позначок для виходу із чистого JS всередині файлу CoffeeScript).

Але те, що ми можемо зробити, це прив’язати функцію до вікна і, по суті, отримати щось, що ми можемо викликати так, ніби це була названа функція. Я не про те , це є іменована функція, я забезпечую спосіб зробити те , що я вважаю , ОП хоче на насправді зробити (викликати функцію як Foo (пари) де - то в коді) з використанням чистого CoffeeScript.

Ось приклад функції, приєднаної до вікна в coffeescript:

window.autocomplete_form = (e) ->
    autocomplete = undefined
    street_address_1 = $('#property_street_address_1')
    autocomplete = new google.maps.places.Autocomplete(street_address_1[0], {})
    google.maps.event.addListener autocomplete, "place_changed", ->
        place = autocomplete.getPlace()

        i = 0

        while i < place.address_components.length
            addr = place.address_components[i]
            st_num = addr.long_name if addr.types[0] is "street_number"
            st_name = addr.long_name if addr.types[0] is "route"

            $("#property_city").val addr.long_name if addr.types[0] is "locality"
            $("#property_state").val addr.short_name if addr.types[0] is "administrative_area_level_1"
            $("#property_county").val (addr.long_name).replace(new RegExp("\\bcounty\\b", "gi"), "").trim() if addr.types[0] is "administrative_area_level_2"
            $("#property_zip_code").val addr.long_name if addr.types[0] is "postal_code"
            i++

        if st_num isnt "" and (st_num?) and st_num isnt "undefined"
            street1 = st_num + " " + st_name
        else
            street1 = st_name

        street_address_1.blur()
        setTimeout (->
            street_address_1.val("").val street1
            return
            ), 10
        street_address_1.val street1
        return

Це використовує Google Places для повернення інформації про адресу для автоматичного заповнення форми.

Отже, у нас є часткова програма Rails, яка завантажується на сторінку. Це означає, що DOM вже створений, і якщо ми викликаємо функцію вище при початковому завантаженні сторінки (до того, як виклик ajax відтворить частковий), jQuery не побачить елемент $ ('# property_street_address_1') (повірте - це не було '' т).

Отже, нам потрібно відкласти google.maps.places.Autocomplete (), поки елемент не буде присутній на сторінці.

Ми можемо зробити це за допомогою зворотного виклику Ajax при успішному завантаженні часткового:

            url = "/proposal/"+property_id+"/getSectionProperty"
            $("#targ-"+target).load url, (response, status, xhr) ->
                if status is 'success'
                    console.log('Loading the autocomplete form...')
                    window.autocomplete_form()
                    return

            window.isSectionDirty = false

Отже, тут, по суті, ми робимо те саме, що і виклик foo ()

Чому? Тому що оголошення функції є злом. Подивіться на цей код

function a() {
        return 'a';
}

console.log(a());

function a() {
        return 'b';
}

console.log(a());

Що буде на виході?

b
b

Якщо ми використовуємо визначення функції

var a = function() {
        return 'a';
}

console.log(a());

a = function() {
        return 'b';
}

console.log(a());

Вихід:

a
b

Спробуйте це:

defineFct = (name, fct)->
  eval("var x = function #{name}() { return fct.call(this, arguments); }")
  return x

Тепер наступне буде друкувати "true":

foo = defineFct('foo', ()->'foo')
console.log(foo() == foo.name)

Я насправді цим не користуюся, але іноді хочу, щоб функції кави мали назви для самоаналізу.