JavaScript dla programistów PHP 9788324682201, 9781449320195 [PDF]

Zitiervorschau

B ły s k a iv ic z n ie o p c i n u j n o w y ję z y k p r o g r a m o iv a n ia !

dla programistów PHP

HELION

O ’R E IL L Y '

W ięcej na: www.ebookgigs.eu

S to y a n S te fa n o v

Tytuł oryginału: JavaScript for PHP Devełopers Tłumaczenie: Rafał Jońca ISBN: 978-83-246-8220-1 © 2013 ITełion S.A. Authorized Połisłi translation of the Engłish edition of JavaScript for PITP Developers, ISBN 9781449320195 © 2013 Stoyan Stefanov. This translation is published and sold by permission of O'Reilly Media, Inc., which owns or controls all rights to sell the same. All rights reserved. No part of this book may be reproduced or transmitted in any form or by any means, electronic or mechanical, including photocopying, recording or by any information storage retrieval system, without permission from the Publisher. Wszelkie prawa zastrzeżone. Nieautoryzowane rozpowszechnianie całości lub fragmentu niniejszej publikacji w jakiejkolwiek postaci jest zabronione. Wykonywanie kopii metodą kserograficzną, fotograficzną, a także kopiowanie książki na nośniku filmow}^!, magnetyczn}^! lub inn3mi powoduje naruszenie praw autorskich niniejszej publikacji. Wszystkie znaki występujące w tekście są zastrzeżonymi znakami firmowymi bądź towarowymi ich właścicieli. Autor oraz Wydawnictwo HELION dołożyli wszelkich starań, by zawarte w tej książce informacje były kompletne i rzetelne. Nie biorą jednak żadnej odpowiedzialności ani za ich wykorzystanie, ani za związane z tym ewentualne naruszenie praw patentowych lub autorskich. Autor oraz Wydawnictwo HELION nie ponoszą również żadnej odpowiedzialności za ewentualne szkody wynikłe z wykorzystania informacji zawartych w książce. Wydawnictwo HELION ul. Kościuszki Ic, 44-100 GLIWICE tel. 32 231 22 19, 32 230 98 63 e-mail: [email protected] WWW: http://heIion.pl (księgarnia internetowa, katalog książek) Drogi Czytelniku! Jeżeli chcesz ocenic tę książkę, zajrzyj pod adres http: //helion.pl/user/opinie/]avphp_ęhook Możesz tam wpisać swoje uwagi, spostrzeżenia, recenzję. Printed in Poland. • Poleć książkę na Facebook.com

• Księgarnia internetowa

• Kup w wersji papierowej

• Lubię to!» Nasza społeczność

• Oceń książkę

W ięcej na: www.ebookgigs.eu

Dla Nathalie, Zlatiny i Evy

W ięcej na: www.ebookgigs.eu

Więcej na: www.ebookgigs.eu

Spis treści Podziękowania.................................................................................................... 11 W s tę p ....................................................................................................................13 1.... W prowadzenie........................................................................................15 Zakres niniejszej książki

17

Język

18

Nauka środowiska

18

Przeglądarki

19

JavaScriptCore

20

Node.js i Rhino

21

Dłuższe przykłady

22

Zaczynamy

22

2. Składnia języka JavaScript................................................................... 23 Zmienne

23

Jakie jest zadanie znaku $ w JavaScript? Wartości

24 25

Introspekcja typeof Wartości nuli i undefined Tablice Tablice asocjacyjne Instrukcje warunkowe Operator trójargumentowy

26 27 28 29 30 30

Ścisła kontrola typu

31

Konstrukcja switch

33

Konstrukcja try-catch Pętle while i for

33 35

Pętle for-in

36

W ięcej na: www.ebookgigs.eu

Inne operatory

37

Operator in

37

Łączenie fragmentów tekstów

38

Rzutowanie typów

39

Operator void

39

Operator przecinka

40

3. Funkcje...................................................................................................... 41 Parametry domyślne

41

Dowolna liczba argumentów

42

Sztuczka z arguments .length

43

Zwracanie w yniku funkcji

44

Funkcje są obiektami

44

Nieco inna składnia

45

Zakres w idoczności zmiennych Przenoszenie na początek

46 48

Przenoszenie na początek funkcji Domknięcia Domknięcia w języku PHP Łańcuch zakresu w idoczności zmiennych

49 50 50 52

Łańcuch zakresów w konsoli W ebKit Zachowanie zakresu

54 57

Przechowywane są referencje, a nie w artości

58

Domknięcia w pętli

59

Ćwiczenie — pętla z onclick Funkcje natychmiastowe

61 62

Inicjalizacja

64

Prywatność

64

Przekazywanie i zwracanie funkcji

65

W ywołania zwrotne nie są tek stam i................................................... 67

4. Programowanie obiektow e................................................................. 69 Konstruktory i klasy

I

69

Zwracanie obiektów Dodatkowe informacje na temat this

70 72

Wymuszenie wywołania konstruktora

73

JavaScript dla programistów PHP Więcej na: www.ebookgigs.eu

Prototypy

74

Literał obiektu

75

Dostęp do w łaściwości

75

M yłące ] va r h ■ T f lt a j- ;

undefined

Rysunek 1.4. Konsola node.js Rhino to interpreter JavaScript napisany w języku Java przez program i­ stów z fundacji Mozilla. Po pobraniu pliku rhino.jar i um ieszczeniu go w odpowiedniej lokalizacji (w tym przypadku na dysku E:\) konsolę (patrz rysunek 1.5) można uruchom ić poleceniem: > Java -jar rhino.jar

Rysunek 1.5. Konsola Rhino

Nauka środowiska W ięcej na: www.ebookgigs.eu

21

Jeśli masz wybór, stosuj interpreter aplikaqi Node.js. Bardzo szybko zauwa­ żysz, że dostępne rozwiązanie REPL (pętla faz wpisyw ania, kompilacji, wykonania i wyświetlenia wyniku) jest bardzo podobne w działaniu do php -a (jeśli nie lepsze) i znacząco ułatwia wykonywanie eksperymentów oraz naukę języka.

Dłuższe przykłady Korzystając z JavaScriptCore, Node.js lub Rhino, bardzo łatwo w ykony­ w ać dłuższe przykłady. W ystarczy zapisać je w osobnycłi plikacłi. D o­ kładnie w ten sam sposób tworzy się w języku JavaScript skrypty powłoki. Zewnętrzne pliki urucliamia się, przekazując je jako parametr: $ jsc test.js $ node test.js $ Java -jar rhino.jar test.js

Zaczynamy Uzbrojeni w konsolę JavaScript możemy w yruszać na podbój języka. Roz­ dział 2. skupi się przede wszystkim na składni, podkreślając podobieństwa i różnice względem języka PHP.

www.ebookgigs.eu

22

I

Rozdział 1. W prowadzenie W ięcej na: www.ebookgigs.eu

ROZDZIAŁ 2.

Składnia języka JavaScript

JavaScript, podobnie jak język PHP, używa składni wywodzącej się z języka C, więc wszystko pow inno w yglądać znajomo. Ten rozdział skupia się na podstawowychi aspektachi, prezentując podobieństwa i różnice między zmiennymi, tabłicami, pętłam i, warunkam i i różnymi operatorami (czasem naw et dosyć dziw nym i).

Zmienne Definicja zmiennej w języku PIriP w ygłąda następująco: //P H P $n = 1;

Jej równoważnik w języku JavaScript ma postać: //Jav aS crip t var n = 1;

Nie stosuje się znaku dolara, a jedynie samą nazwę zmiennej. Podobnie jak w PHP nie określa się typu zmiennej, ponieważ jest on tak naprawdę wska­ zywany przez przypisyw aną wartość. Dla w szystkich typów danycłi sto­ suje się to samo słowo kluczowe — var. Jeśli potrzebny jest typ liczbowy, do zmiennej przypisuje się liczbę. Dokład­ nie ta sama zasada obowiązuje dla w artości logicznych i tekstów: var n = 1; //lic z b a var b = true; //M'artość logiczna var s = "witaj"; //te k st

Istnieje możliwość zadeklarowania zmiennej bez jej inicjalizacji wartością. W tej sytuacji zmienna otrzymuje specjalną w artość undefined:

Zmienne W ięcej na: www.ebookgigs.eu

|

23

var a; a ; // 'a' zaw iera sp ecjaln ą w artość undefined

Ponowna deklaracja istniejącej już zmiennej nie zmienia jej wartości z powrotem na undef ined:

4

var a = 1; var a; // 'a' n ad al zaM’iera w artość 1

Jednym poleceniem var można zadeklarować (i opcjonalnie zainicjować wartością) kilka zmiennych. Trzeba je jednak oddzielić znakiem przecinka, a na końcu umieścić średnik: var pi = 3.14, yeps = true, nopes, hi = "witaj", wrrrld = "świat";

S .7.

___ t

Z technicznego punktu widzenia var jest elementem opcjonalnym. Jeśli jednak zmienna nie została zadeklarowana wyżej w hierarchii zakresów (więcej informacji na ten temat w rozdziale 3.), pominięcie polecenia var spowoduje utworzenie zmiennej glo­ balnej. Z pewnością jako programista przekonałeś się już bole­ śnie, że zanieczyszczanie przestrzeni nazw zmiennymi global­ nymi to nic dobrego. Istnieją również pewne subtelne różnice, jeśli zmienna globalna jest deklarowana z var lub bez niego. Podsumowując, oprzyj się lenistwu i zawsze używaj polecenia var do deklarowania zmiennych.

Nazwy zmiennych mogą składać się z liter, cyfr, znaku podkreślenia i znaku dolara. Nie można jednak rozpocząć nazw y od cyfry: var var var var

_lv; vl; v_l; lv;

//p o p ra w n e //p o p ra w n e //p o p ra w n e //n iep op raw n e

>t zadanie znj

lavaScript?

To podchwytliwe pytanie zadawane czasem na rozmowach kwalifikacyjnych. Krótka odpowiedź brzmi — żadne. Znak dolara może pojawić się w dowolnym miejscu nazwy zmiennej. W cze­ śniejsze edycje języka ECM A Script zalecały, by znaku tego używ ać tylko w automatycznie generowanym kodzie, ale zalecenie to było przez progra­ mistów bardzo często ignorowane. W rzeczywistości bardzo często znaku $ 24

I

Rozdział 2. Składnia języka JavaScript W ięcej na: www.ebookgigs.eu

używano jako nazwy funkqi wybierającej konkretny węzeł DOM dokumentu HTML. Przypuśćmy, że mamy do cz)nruenia z następującym fragmentem kodu HTML:

Aby pobrać referenqę do elementu DOM, w wielu sytuaqach stosuje się me­ todę DOM o nazwie get El ementById(): var mydiv = document.getElementByld("mojeid");

Niestety, to naprawdę spora liczba znaków do wpisania dla niezwykle popu­ larnej operacji w przypadku pisania kodu wykonywanego po stronie klienta. Z tego pow odu w wielu bibliotekach zdefiniowano funkcję pomocniczą: function $(id) { return document.getElementByld(id);

} Dzięki temu znacząco zmniejsza się liczba znaków w kodzie: $("myid").innerHTML = "Witaj, świecie";

Sztuczka z pytaniem dotyczącym znaku $ pozwala pytającem u sprawdzić, czy kandydat ma jakiekolw iek doświadczenie z językiem JavaScript poza stosowaniem bibliotek wykorzystujących znak $. Odpowiedź typu „znak $ pozwala pobrać element D O M " jest prawdziwa w przypadku wielu bi­ bliotek i konsol przeglądarek internetowych, ale nie ma żadnego zdefinio­ wanego działania w samym języku JavaScript.

„ ^

Wiele konsol przeglądarek internetowych (między innymi dodatek Firebug) definiuje funkcję $ () ułatwiającą dostęp do elementów DOM. Istnieje również funkcja $ $ (), która tak napraw dę sta­ nowi kopię funkcji document.querySel ectorAl 1 () i umożliwia znajdowanie elementów DOM przy użyciu selektora CSS. Oto przykład: //L ista M'ęzłÓM' DOM