Functions

Loading...

Aus dem Kurs von Duke University

Programming Foundations with JavaScript, HTML and CSS

5148 Bewertungen

Duke University

Programming Foundations with JavaScript, HTML and CSS

5148 Bewertungen

Kurs 1 von 5 in Specialization Java Programming and Software Engineering Fundamentals

Learn foundational programming concepts (e.g., functions, for loops, conditional statements) and how to solve problems like a programmer. In addition, learn basic web development as you build web pages using HTML, CSS, JavaScript. By the end of the course, will create a web page where others can upload their images and apply image filters that you create. After completing this course, you will be able to: 1. Think critically about how to solve a problem using programming; 2. Write JavaScript programs using functions, for loops, and conditional statements; 3. Use HTML to construct a web page with paragraphs, divs, images, links, and lists; 4. Add styles to a web page with CSS IDs and classes; and 5. Make a web page interactive with JavaScript commands like alert, onClick, onChange, adding input features like an image canvas, button, and slider.

Aus der Unterrichtseinheit

Algorithms and Programming Concepts

DukeLearnToProgram Environment10:17

Conditional Execution7:12

Treffen Sie die Kursleiter

Susan H. Rodger
Professor of the Practice
Computer Science
Robert Duvall
Lecturer
Computer Science
Owen Astrachan
Professor of the Practice
Computer Science
Andrew D. Hilton
Associate Professor of the Practice
Electrical and Computer Engineering

Methods combine together multiple,

potentially complex steps that operate on a specific object.

There's a similar concept which does not work on an object called a function.

For example, print(x), is a call to the print function passing in x.

Print(x) will print out whatever x is.

This is a function, as it does not belong to any particular object.

Notice there is no object dot before the word print, but

the syntax is otherwise the same.

You can write your own functions,

which can be quite useful to avoid duplicating code.

And to make testing and debugging easier.

You could write your own methods too, but

we are not going to talk about writing classes and methods in this course.

We will, however, discuss them in Java in the later courses.

To see an example of writing your own function, let us take a look at this

relatively simple example, a function that takes a number and squares it.

We have defined the function first and then called it later.

Now let's break down the syntax, then see the semantics.

First we have the keyword function,

which says that we are about to define a new function.

Then we have the name of the function.

As with variables, you can pick most any name you want.

But it should be descriptive.

In this case, square is a good name since it describes what the function does.

Square's a number.

Next, we have the parameter list in parentheses.

Here we are declaring the names of the parameters.

These will act like variables which are initialized by the values passed in

when the function is called.

They tell the function what specifically it should do.

In this case, the parameter says, what particular number to square.

We decided to call it x.

If there were multiple parameters, we could separate their names by commas.

Next is the body of the function.

This is the code that specifies what the function should do.

The body of the function is always inside of curly braces.

There's a new type of statement in the body of this function, return ans;.

This is a return statement, which is how a function says what it's answer is.

The syntax of a return statement is the keyword return followed

by an expression whose value is what the function should give back as its answer,

followed by a semicolon.

Later in the code we have a call to this function, which is how we make use of it.

Here we are squaring 4 and

using the result of that computation to initialize a variable y.

Now that you have seen the syntax of declaring and calling a function,

let's step through the behavior.

The declaration itself is not executed,

it just tells the computer what the function means for later use.

So we start here, right before the variable declaration.

The first thing that we need to do when we call a function, is create a frame for it.

This is a space for the function to have its own parameters and variables.

As you will see soon, they go away when the function is done.

Next, we need to make a box for each parameter that square expects.

In this case, square expects one parameter called X.

We are going to create one box named X.

We will initialize the X parameter with the value 4.

Since that is what was passed into the function call.

Next, we're going to make a note of where we called square from.

We know that with a 1 in the top corner of the frame and

then the code on top of the call.

This may seem trivial in this example, but if the square function were more

complicated and called in many places, we might forget where to come back to.

Now that the frame is set up, we jump into the code for square.

Our execution arrow moves into the body right before the first line of code.

Now we begin executing the code here according to all the normal rules.

We make a box for ans and initialize it to 4 times 4 which is 16.

Now we are right before a return statement.

Return statements are a new concept, but

they tell the computer to give an answer back from this function.

In this case, the answer to give back is 16,

since we are returning ans, and the value of ans is 16.

This means that the call to square that we are executing will evaluate to 16.

Now our execution returns to where we made the call.

We finish the assignment statement normally.

Okay, great.

Now you know how to call methods and functions.

As well as the basics of how to write your own function.

But why are these so important?

Well, they are a great example of abstraction.

They package up a computation which may be quite complicated, or

which may require knowing details that you should not need to be concerned with, and

give that computation a simple interface.

For example, the interface of this simple image method getWidth

is that you call it on an image and it gives you the image's width.

The implementation is hidden in the dukelearntoprogram.com libraries and

you've not seen it all nor do you need to see it to use it.

Thank you.

Durchsuchen Sie unseren Katalog

Melden Sie sich kostenlos an und erhalten Sie individuelle Empfehlungen, Aktualisierungen und Angebote.

Coursera arbeitet mit erstklassigen Universitäten und Organisationen zusammen, um Online-Kurse anzubieten und dadurch universellen Zugriff auf die weltweit beste Ausbildung zu ermöglichen.

© 2019 Coursera Inc. Alle Rechte vorbehalten.

Aus dem App Store herunterladen

Erhältlich bei Google Play