Functions | Computer Programming | Khan AcademyYouTube↗  IA↗(long shot)
Education  17.5K views 27 likes 1 dislikes   25 Nov 2013
Khan Academy Computing 116K subscribers N/A YouTube↗


Please select the problem
You must specify your email and describe the problem in detail
Describe your problem in detail if it's not obvious

Contributed subtitles
French KhanAcademyFrancophone
xde6og
Bulgarian Svetlozar Todorov
Click to Play Video Click to Play Video
now let's talk about something you've
Wir wenden uns nun den Funktionen zu,
been using this whole time functions
worüber wir ja schon einiges erfuhren.
whenever you use commands like rect or
Jedes Mal, als wir Befehle wie rect, fill oder text verwendeten,
fill or text you've been calling functions and those functions have drawn
haben wir solche Funktionen aufgerufen und
what you've told them to do what is a
Entsprechendes wurde dann auf der rechten Seite gezeichnet.
function really it's a collection of
Was sind aber Funktionen genau?
code that we grouped together and given
Es handelt sich um mehrere codes, welche zusammengeführt
a name because we want to be able to use
und benannt wurden,
that bit of functionality many times
sodass wir diese dann vermehrt verwenden können.
think about rect what is a rech do it
Zum Beispiel bei rect. Was ist ein Rechteck?
just draws four lines right we could
Es handelt sich um vier Linien, ja?
just do that using our line function
Wir könnten diese auch mit der Funktionn line ausführen.
right and here we have what looks like a
Und das sieht hier dann ebenfalls so aus wie ein Rechteck.
rectangle but we realize that we kind of
Wir wollen aber wahrscheinlich
wanted to be able to draw a rectangle a
öfters Rechtecke zeichnen und da
lot of times and it'd be really annoying
wäre es sehr umständlich,
to do the math every time to try and
immer wieder hier diese
figure out how to draw a line from one
Berechnungen anzustellen.
corner to the next to an x and X so
instead we just made a rect function and
Stattdessen erstellten wir die Funktion rect,
that function does exactly the same
welche das genau Gleiche tut
thing that those four lines of code did but in much less code so that's pretty
wie diese vier Linien taten. Aber bei rect benötigen wir nur eine Zeile.
cool and rect is one of those functions
Die Funktion rect ist eine jener Funktionen,
that we've made available for all
welche hier für alle Programme
programs to use here on Khan Academy but
bei Khan Academy zur Verfügung stehen.
you can also make up your own functions
Du kannst aber auch deine eigenen Funktionen erstellen
to use in each of your programs for
und bei deinen Programmen verwenden.
example let's say we're making a program
Nehmen wir an, wir machen ein Programm
and we want to draw Winston multiple
und wollen Winston mehrfach darstellen.
times maybe because we're going to tell the life story of Winston and show him
Vielleicht weil wir eine Geschichte über Winstons Lebenslauf
at every age in his life so here's what
erzählen wollen und dazu Bilder von ihm zeigen.
our Winston drawing code might start off
Hier sehen wir nun den code, um Winston zu zeichnen.
as we have face x and face y variables
Wir haben die Variablen faceX und faceY,
to store the center of the face and then
um sein Gesicht im Zentrum zu haben.
we draw the eyes and the mouth relative
Und dann zeichnen wir Augen und Mund
to those variables right now the program
im Verhältnis zu diesen Variablen.
sees the code and it's not inside any
Das Programm führt also diesen code aus.
function so it just runs it and it only
Dieser ist aber momentan nicht innerhalb einer Funktion.
runs it once okay let's turn this into a function to do that we do it very
Das Ganze wir nur ein Mal ausgeführt. Wir stellen es nun in eine Funktion. Wir gehen hier nun ähnlich vor wie
similar to the way we declare variable
beim Definieren einer Variable. Eigentlich
because that's actually what we're doing
machen wir genau das.
so we save our draw Winston we give it a
Wir schreiben var drawWinston. Wir geben
nice name very descriptive and then
der Funktion also einen Namen.
equals but here instead of writing a
Dann gleich ... und hier schreiben wir anstelle einer Zahl oder eines string
number or a string we're going to write function make sure you spell it right
function. Danach setzen
and then empty parentheses and then an
wir leere Klammern und dann eine öffnende, geschweifte Klammer ... und
open curly and then a close curly and our semicolon okay so what we need to do
eine schliessende sowie einen Strichpunkt.
is put
Alles, was nun in dieser Funktion sein soll,
everything that we want inside our function in between the start and the
muss zwischen diese öffnende und schliessende, geschweifte Klammer geseetzt werden.
end currently so we're going to take all of this code here put it inside our
Wir nehmen deshalb hier den ganzen code
function and dent it nicely and tada so
und stellen es in die Funktion.
now what we have is we have this
Wir haben hier nun diese Variable, welche
variable that's storing a function so we've basically we've given a label to
eine Funktion beinhaltet. Wir haben
this block of code so that we'd be able
den ganzen code quasi in einen Rahmen gestellt und benannt.
to tell our program at anytime like hey
Wir können nun dem Programm jederzeit
find that block of code with that label
mitteilen, es soll diese bestimmte Funktion aufrufen
and run it right so we're making this bit of code reusable but now notice that
Wir können also den ganzen code so immer wieder verwenden.
we have no Winston anymore we lost
Aber du siehst, dass Winston verschwunden ist.
Winston where did he go okay so what
Wo ist dieser wohl hingegangen?
happened is that once we put this inside
Es ist so, dass diese Funktion jetzt aufrufbar ist.
a function we told our program hey
Wir teilen dem Programm mit, dass es hier eine Reihe von code auszuführen gibt.
here's a bunch of code that I want to be
Es soll aber nur dann geschehen,
able to run later but only when I tell
wenn wir es dem Programm mitteilen.
you to run it so we have to tell it to run the code which means we need to call
Wir müssen, um den code auszuführen, etwas tun.
the function just like we do with the lips and rect and line so we just write
Wir müssen die Funktion aufrufen, genauso wie bei ellipse, rect oder line.
the function name drawwinston followed
Wir schreiben den Namen der Funktion: drawWinston,
by our start and end parenthesis and of
gefolgt von einer öffnenden und schliessenden Klammer sowie
course our semicolon and to that we have
des Strichpunkts. Und siehe da ...
a Winston okay
Winston ist wieder da.
so I think it's cool but you might not
Super. Du magst nun vielleicht denken,
think it's cool because all we've done is made our program do exactly what it
dass wir eigentlich das genau gleiche Resultat
did before kind of silly huh the whole
haben wir zuvor. Der springende Punkt ist,
point of functions is we can use them so
dass wir nun diese Funktion
let's do that now we can just copy and
erneut verwenden können.
paste this function call tada tada over and over mmm but it looks the same well it worked it's dry multiple
Wir können es nun kopieren und dann zum Beispiel zwei Mal einfügen. Schaut aber alles so aus wie zuvor. Es hat aber funktioniert.
Winston's but the problem is they're all
Es wurden drei Winston gezeichnet. Das Problem ist, dass
in the same place if we had x-ray vision
sich die Gesichter alle am gleichen Ort sind.
we could x-ray the canvas in 3 C 3
Sie überlappen sich.
Winston's um but I don't have x-ray
Könnten wir hinter diesen sichtbaren Winston blicken,
vision I don't know what you but we can
dann sähen wir auch die anderen zwei.
make a small change to our function that
Wir können es aber so ändern,
will make it obvious so you see facex
dass wir wieder alle sehen.
and facey why they're always 202 and 208
Momentan haben wir bei faceX und faceY überall 202 und 208.
we can change this to using the random
Wir bringen nun die Funktion random ins Spiel.
function say like random from 50 to 350
Das bedeutet hier, dass irgend eine Zahl zwischen
and I'll generate a random number between those two and we can do the same thing for here and so then every time
50 und 350 zufällig gewählt wird. Hier machen wir das ebenfalls.
this function is called it generates
Immer wenn wir nun die Funktion aufrufen, also auf restart drücken,
this new random number and then if we plus restart we can keep getting random
werden die Positionen für die drei Winston zufällig ausgewählt.
Winston's so cool
Siehst du?
whoo all right so I think it was cool
Es ist daher sehr nützlich, dies anhand dieser Funktion zu machen,
because it would've been a lot of code to write this if we didn't have it in a
da wir ansonsten viel mehr code schreiben müssten.
function it would have been three times the amount of code but it's still not as
Hier müssten wir drei Mal so viel schreiben.
useful as it could be because we
Aber wir könnten die Funktion noch nützlicher verwenden,
probably don't want random Winston's we
denn unter Umständen wollen wir ja diesen Winston
probably want to be able to position
nicht irgendwo zufällig positionieren,
Winston at specific points on the screen
sondern an einem bestimmten Ort.
so stay tuned because we'll talk about
Bleib also dran und wir werden darüber sprechen,
how pass parameters to our functions
wie man der function Parameter zuweist.
next and then you'll be able to do exactly that
Denn auch dies ist möglich.
Similar videos:

More Mouse Interaction | Computer Programming | Khan Academy
Khan Academy Computing
10.3K views 21 likes 2 dislikes 25 Nov 201361% match

Special ProcessingJS functions | Computer Programming | Khan Academy
Khan Academy Computing
8.8K views 25 likes 2 dislikes 06 Jul 201561% match

Function Parameters | Computer Programming | Khan Academy
Khan Academy Computing
14.6K views 25 likes 2 dislikes 24 Nov 201360% match


Local and Global Variables | Computer Programming | Khan Academy
Khan Academy Computing
10.6K views 24 likes 2 dislikes 13 May 201459% match


Intro to Arrays | Computer Programming | Khan Academy
Khan Academy Computing
14.5K views 54 likes 3 dislikes 13 May 201459% match

Making animations | Computer Programming | Khan Academy
Khan Academy Computing
46K views 136 likes 11 dislikes 30 Oct 201559% match

Function Return Values | Computer Programming | Khan Academy
Khan Academy Computing
11.4K views 22 likes 5 dislikes 25 Nov 201358% match


CSS Basics | Intro to HTML/CSS: Making webpages | Computer Programming | Khan Academy
Khan Academy Computing
30.2K views 61 likes 5 dislikes 08 Nov 201458% match


Intro to Objects | Computer Programming | Khan Academy
Khan Academy Computing
8.2K views 26 likes 1 dislikes 13 May 201458% match

HTML: Images | Intro to HTML/CSS: Making webpages | Computer Programming | Khan Academy
Khan Academy Computing
32.6K views 76 likes 2 dislikes 08 Nov 201458% match


Making drawings with code | Computer Programming | Khan Academy
Khan Academy Computing
104.3K views 271 likes 15 dislikes 12 Nov 201557% match



Querying IN subqueries | Computer Programming | Khan Academy
Khan Academy Computing
28.3K views 113 likes 2 dislikes 10 May 201557% match

Comment Tracer et Couper un Tuyau d'Évacuation sur un carrelage
Devenir Carreleur
1.1M views 23.5K likes -1 dislikes 21 Dec 201956% match




Libgdx for Android | Tutorial 07 | Inserting Images with SpriteBatch | How to make Android games
Programming Tutorials
13K views 176 likes 8 dislikes 05 Oct 201556% match









MKS Gen L - Cooling Fan
Ed's 3d Tech
16.1K views 158 likes 8 dislikes 03 Jun 201856% match















Terrific Text Part 2
Khan Academy Computing
13K views 24 likes 1 dislikes 13 May 201456% match


HTML basics | Intro to HTML/CSS: Making webpages | Computer Programming | Khan Academy
Khan Academy Computing
107.7K views 296 likes 10 dislikes 08 Nov 201456% match


HTML tables | Intro to HTML/CSS: Making webpages | Computer Programming | Khan Academy
Khan Academy Computing
12.9K views 35 likes 1 dislikes 21 Nov 201456% match

Racing Pigeon BREEDING Update
Maney Pigeons
20.6K views 647 likes 15 dislikes 29 Oct 202056% match


What should we learn next? | Journey into cryptography | Computer Science | Khan Academy
Khan Academy Labs
73.3K views 64 likes 3 dislikes 08 Aug 201255% match


[Subtitle] Stayed a thunderstorm night at 'Hottarakashi' hot spring in Yamanashi
Tatsuo and Umiko
187.3K views 753 likes 112 dislikes 22 Jun 201955% match



Solving Slugify With Recursive Lambdas In Excel - 2390
MrExcel.com
2K views 100 likes 2 dislikes 02 Mar 202155% match



RAMPS 1.4 - Stepper Driver install - basic
Ed's 3d Tech
54.5K views 607 likes 17 dislikes 25 Oct 201755% match









Libgdx for Android | Tutorial 06 | Texture and SpriteBatch | How to make Android games
Programming Tutorials
14K views 215 likes 5 dislikes 02 Oct 201555% match









Self Harm Scars - See The Wound Double in Size & Learn About the Whole Surgery #scar #plasticsurgery
Dr. Philip “The Beauty Doc” Young M.D.
21.7K views 163 likes 38 dislikes 28 Dec 201655% match



MKS Gen L - Dual Axis Steppers
Ed's 3d Tech
34.9K views 490 likes 12 dislikes 09 Oct 201855% match















🧢Identificar y conectar motor ✅6 CABLES (RAPIDO Y FACIL )
That, Dad fix it
11.3K views 437 likes 13 dislikes 05 Apr 202055% match






MKS Gen L - DRV8825 Stepper Configuration
Ed's 3d Tech
21.6K views 228 likes 6 dislikes 12 May 201855% match















Intro to Coloring (Video Version)
Khan Academy Computing
19.1K views 28 likes 0 dislikes 13 May 201455% match



CSS: Selecting by id | Intro to HTML/CSS: Making webpages | Computer Programming | Khan Academy
Khan Academy Computing
43.4K views 128 likes 3 dislikes 23 Apr 201955% match



Settings Privacy About Contact Donate