Co powinien wiedzieć każdy programista JavaScript? [zamknięte]

Że można go wyłączyć.

Zrozumienie rzeczy napisanych w Javascript: dobre części jest całkiem dobrym założeniem, że człowiek jest przyzwoitym programistą JS.

Możesz prawie wiedzieć, jak korzystać z dobrej biblioteki, takiej jak JQuery i nadal nie znać ukrytych części Javascript.

Kolejną uwagą jest debugowanie narzędzi w różnych przeglądarkach. Programista JS powinien wiedzieć, jak debugować swój kod w różnych przeglądarkach.

Oh! A znajomość JSLint całkowicie zrani Twoje uczucia!!

Jeśli chcesz być prawdziwym ninja JavaScript, powinieneś znać odpowiedzi na każde pytanie w Perfection kills JavaScript Quiz.

(function f(f){ 
  return typeof f(); 
})(function(){ return 1; });

Co zwraca to wyrażenie?

• "liczba"
• "undefined"
• "Funkcja"
• błąd

You don 't know JavaScript if you don' t know:

1. Zamknięcia
2. dziedziczenie oparte na prototypie
3. wzór modułu
4. W3C-DOM
5. Jak działają wydarzenia

..że javascript to nie java:)

Wiele, wiele osób zaczynających od tworzenia stron internetowych powiedziało mi, że javascript to po prostu prosta java!

1. Zapoznaj się przynajmniej z jedną biblioteką Javascript (Jquery, Prototype, itp.).

2. Dowiedz się, jak korzystać z narzędzi debugowania głównych przeglądarek ( MSIE 7-8, Firefox, Chrome, Safari )

3. Czytaj w branży: strona Douglasa Crockforda jest skarbnicą, podczas gdy Ajaxian.com to dobry blog, aby nadążyć za nowymi, ciekawymi i lub dziwnymi pomysłami na Javascript. Istnieje wiele innych zasobów, ale to one pomogły mi w większość.

Javascript objects and function as first-class citizen, callbacks , aby nie zapomnieć o zdarzeniach i wtedy JQuery.

Że Javascript nie jest czymś, czego można się nauczyć w godzinę!

Zmienne są globalne, chyba że zadeklarowane jako lokalne!!

Bad (DoSomething () jest wywoływane tylko 10 razy):

function CountToTen()
{
  for(i=0; i< 10; i++)
  {
    DoSomething(i);
  }
}

function countToFive()
{
  for(i=0; i<5; i++)
  {
    CountToTen();
  }
}

CountToFive();

Good (DoSomething () jest wywoływane 50 razy zgodnie z przeznaczeniem):

function CountToTen()
{
  var i;
  for(i=0; i< 10; i++)
  {
    DoSomething(i);
  }
}

function countToFive()
{
  var i;
  for(i=0; i<5; i++)
  {
    CountToTen();
  }
}

CountToFive();

Jak używać dobrych części i jak unikać okropnych części .

Za to, że Javascript pierwotnie nazywał się LiveScript, a prefiks "Java" został dołączony do celów marketingowych, a nie dlatego, że Java i Javascript są ze sobą powiązane (czym nie są).

Oh I za posiadanie dowolnej wersji David Flanagan's ' Javascript: the Definitive Guide ' (Ta informacja jest na stronie 2).

... i za docenienie tych, którzy już wcześniej próbowali zaciemnić dokument Internet Explorer 4.Wszystkie [] oraz Netscape Navigator 4 ' s dokument.warstwy [] zanim jQuery usunęło ból.

EDIT:

Jak wskazuje @Kinopiko JavaScript pierwotnie nazywał się project Mocha (niektóre źródła również uważają, że nazywał się Project LiveWire), ale ogólnie przyjmuje się, że język (napisany przez Brendana Eich) miał zostać wydany jako LiveScript przed wprowadzeniem prefiksu Javy na początku 1996 roku.

Należy pamiętać o tym, aby powiedzieć "znam JavaScript":

1. JavaScript jest dobry, ale DOM jest pain point
2. problemy z przeglądarką mogą sprawić, że zwariujesz
3. chyba że kod jest testowany na co najmniej 4 różnych dobrych przeglądarkach nie można powiedzieć, że jest wolny od błędów
4. Zamknięcie .............. Must know
5. Its prototype based ........... Nice one its fun to learn this
6. debugger słowo kluczowe ..... Pomaga w kryzysie

Że JavaScript różni się znacznie bardziej niż inne języki, niż mogłoby się wydawać. Obejrzyj tę wspaniałą rozmowę Google Tech, aby uzyskać wrażenie: http://www.youtube.com/watch?v=hQVTIJBZook

Co każdy programista javascript powinien wiedzieć?

Może, mogę wyłączyć twoje wysiłki za pomocą 2 kliknięć. Tak więc, jeśli to możliwe, zapewnij rezerwę.

Zdecydowanie polecam przeczytać Javascript: The Good Parts

Znasz javascript, jeśli możesz efektywnie używać tablicy, liczby, ciągu znaków, daty i obiektu. Plus punkty za matematykę i wyrażenia regularne. Należy umieć pisać funkcje i używać zmiennych (w odpowiednim zakresie, tzn. jako 'metody' obiektu).

Widzę kilka uwag na temat znajomości zamknięć, ekstrawaganckiej składni funkcji, blabla. Wszystko to jest zupełnie nieistotne dla tego pytania. To jak mówienie, że jesteś biegaczem, jeśli możesz przebiec 100m w czasie poniżej 11 sekund.

I say it takes maybe a couple tygodni, aby stać się biegłym w javascript. Potem potrzeba lat i dziesiątek książek i tysięcy linii programowania, aby stać się ekspertem, ninja, itp.

Ale to nie było pytanie.

OH, a DOM nie jest częścią javascript, podobnie jak jQuery. Więc myślę, że oba są równie nieistotne dla pytania też.

JSLint http://www.JSLint.com/

Po przeczytaniu wszystkich powyższych, jest również doskonale nauczyć się Javascript za pomocą frameworka takiego jak jQuery. Prawda jest taka, że to pierwszy sposób, w jaki wielu ludzi odebrało JS. Nie ma się czego wstydzić.

array .length metoda nie jest liczbą pozycji tablicy, ale najwyższym indeksem. nawet gdy element został ustawiony na undefined

var a = [];
a.length;   // === 0
a[10];      // === undefined
a[10] = undefined;
a.length;   // === 11
a.pop();    // === undefined
a.length;   // === 10

To zachowanie trudno odróżnić od błędu projektowania języka..

JQuery byłby moją najlepszą rekomendacją. Nie tylko dla samego kodu, to idiom, styl, myślenie za nim jest najbardziej godne emulacji.

Że javascript jest najczęściej wdrażanym językiem na świecie. (Prawdopodobnie)

Nauka języka naprawdę dobrze i zrozumienie jego różnych dziwactw wynika z (wieloletniego) doświadczenia. Jeśli chcesz być lepszym programistą, powiedziałbym, rozumiejąc wzorce projektowe, jak i kiedy ich używać i / lub nawet gdy z nich korzystasz, nie zdając sobie z tego sprawy; Architektura techniczna i doświadczenie użytkownika.

Znajomość języka (JavaScript) oznacza, że możesz wybrać dowolny framework i używać go do woli. Nieuchronnie będziesz musiał zanurzyć się w kodzie źródłowym, a jeśli wszystko, co wiesz, to składnia framework lub 2 lub 3, to nie zajdziesz daleko. Mówiąc to, zapoznanie się z kodem źródłowym kilku różnych frameworków jest prawdopodobnie jednym z najlepszych sposobów, aby zobaczyć, jak JavaScript może być używany. Przeglądając kod w Firebug lub Web Inspector, a następnie sprawdzając dokumentację JavaScript, szczególnie dokumenty Mozilli i Webkit, aby lepiej zrozumieć, na co patrzysz.

Zrozumienie różnicy między programowaniem obiektowym a funkcyjnym, że JavaScript to seksowna mieszanka tych dwóch, a kiedy i jak używać obu do tworzenia zabójczej bazy kodowej, a niesamowite aplikacje sprawią, że będziesz lepszym programistą JavaScript.

Po prostu czytanie niektórych książek, zwłaszcza "dobre części" Crockforda, które po prostu przedstawia swoje opinie na temat tego, co jest dobre w JavaScript, podczas gdy pomijanie większości niesamowitych części JavaScript będzie dostać się na złą stopę.

Sprawdzanie kodu napisanego przez kogoś takiego jak Thomas Fuchs z drugiej strony będzie daje znacznie więcej wglądu w moc pisania niesamowitego i wydajnego JavaScript.

Próba zapamiętywania kilku Gotcha lub WTFs nie pomoże zbytnio, zauważysz to, jeśli zaczniesz kodować i przechodzić przez kod biblioteki/ frameworków, szczególnie pomocnie skomentowany, aby zobaczyć, dlaczego używali pewnych właściwości / wartości, a nie innych, dlaczego i kiedy dobrze jest używać określonych operandów i operatorów, to wszystko jest w kodzie używanego przez ludzi frameworka. Jak lepiej niż uczyć się na przykładzie? :^)

W Javascript wydajność ma znaczenie.

Nie ma inteligentnego kompilatora do optymalizacji kodu, więc powinieneś być bardziej ostrożny podczas pisania kodu javascript niż języki takie jak C#, Java...

Literały obiektowe, ponieważ są tak miłe w pisaniu.

Ważne są również następujące rzeczy:

1) podnośnik zmienny. 2) łańcuchy zakresu i Obiekty aktywacji.

A potem takie rzeczy::)

3) wtfjs.com

4) Wszystko jest obiektem http://www.lifeinafolder.com/images/Js.jpg

1. wiedząc, że istnieje życie z i bez with() i gdzie wyznaczyć granicę.
2. możesz tworzyć własne błędy za pomocą Instrukcji throw, aby celowo zatrzymać javascript runtime.

JavaScript nie obsługuje oddzielania return I return instrukcji ze znakiem nowej linii, jak poniższy kod (lub spróbuj na my jsfiddle page)

function foo()
{
    return
    {
        bar: 'something'
    };
}

$(function()
{
    document.write(foo());
});

Nie rozumiem, dlaczego JavaScript nie obsługuje tego stylu, ponieważ o wiele łatwiej jest odczytać bardzo złożony kod źródłowy JavaScript, gdy porównuje się go z domyślnym stylem JavaScript.

PS. Pisałem JavaScript prawie 6 lat. Ale właśnie znalazłem ten błąd ze sobą, gdy próbuję wykonać następująca funkcja. Zawsze zwraca niezdefiniowany. Kiedy używam debuggera i wchodzę w tę funkcję, wszystko działa dobrze. Myślę, że to powinien być najgorszy błąd programistyczny w moim życiu.

function JqGridInlineEditor_GenerateTool(cellvalue, options, rowObject, disableEdit, disableDelete)
{
    return 
        (!disableEdit ? '<a class="button edit" href="javascript: void(0);" onclick="JqGridInlineEditor_EditRow(this, \'{0}\');return false;" title="{2}"><img src="{1}" alt="{2}" /></a>'.format(options.rowId, getUrl('~/Content/Icons/Edit.gif'), 'Click here to Edit or \nDouble-click row to edit.') : '') +
        (!disableDelete ? '<a class="button delete" href="javascript: void(0);" onclick="JqGridInlineEditor_DeleteRow(this, \'{0}\');return false;" title="{2}"><img src="{1}" alt="{2}" /></a>'.format(options.rowId, getUrl('~/Content/Icons/Delete.png'), 'Click here to Delete or \nSelect row and then press Delete') : '') +
        (!disableEdit ? '<a class="button save" style="display:none" href="javascript: void(0);" onclick="JqGridInlineEditor_SaveRow(this, \'{0}\');return false;" title="{2}"><img src="{1}" alt="{2}" /></a>'.format(options.rowId, getUrl('~/Content/Icons/Save.png'), 'Click here to Save or \nPress Enter') : '') +
        (!disableEdit ? '<a class="button cancel" style="display:none" href="javascript: void(0);" onclick="JqGridInlineEditor_RestoreRow(this, \'{0}\');return false;" title="{2}"><img src="{1}" alt="{2}" /></a>'.format(options.rowId, getUrl('~/Content/Icons/Cancel.png'), 'Click here to Cancel or \nPress Esc') : '');
}

Ponieważ JS jest językiem funkcyjnym, przyzwoity programista JS musi być w stanie napisać kombinator Y i wyjaśnić, jak to działa.

... o Google Web Toolkit, co oznacza, że twój projekt javascript prawdopodobnie mógłby być rozwijany w znacznie wygodniejszy sposób.