asd

JS Tutorial
JS HOMEJS IntroductionJS Where ToJS OutputJS StatementsJS SyntaxJS CommentsJS VariablesJS LetJS ConstJS OperatorsJS ArithmeticJS AssignmentJS Data TypesJS FunctionsJS ObjectsJS Object PropertiesJS Object MethodsJS Object DisplayJS Object ConstructorsJS EventsJS StringsJS String MethodsJS String SearchJS String ReferenceJS String TemplatesJS NumbersJS BigIntJS Number MethodsJS Number PropertiesJS Number ReferenceJS ArraysJS Array MethodsJS Array SearchJS Array SortJS Array IterationsJS Array ReferenceJS Array ConstJS DatesJS Date FormatsJS Date Get MethodsJS Date Set MethodsJS MathJS Math ReferenceJS RandomJS BooleansJS ComparisonsJS If ElseJS SwitchJS Loop ForJS Loop For InJS Loop For OfJS Loop WhileJS BreakJS SetsJS Set MethodsJS Set LogicJS Set ReferenceJS MapsJS Map MethodsJS Map ReferenceJS Typed ArraysJS Typed MethodsJS Typed ReferenceJS IterablesJS IteratorsJS typeofJS toString()JS Type ConversionJS DestructuringJS BitwiseJS RegExpJS RegExp MethodsJS PrecedenceJS ErrorsJS ScopeJS HoistingJS Strict ModeJS this KeywordJS Arrow FunctionJS ClassesJS ModulesJS JSONJS DebuggingJS Style GuideJS Best PracticesJS MistakesJS PerformanceJS Reserved WordsJS Versions
JS VersionsJS 2009 (ES5)JS 2015 (ES6)JS 2016JS 2017JS 2018JS 2019JS 2020JS 2021JS 2022JS 2023JS 2024JS 2025JS IE / EdgeJS HistoryJS Objects
Object DefinitionsObject PrototypesObject MethodsObject PropertiesObject Get / SetObject ProtectionJS Functions
Function DefinitionsFunction ParametersFunction InvocationFunction CallFunction ApplyFunction BindFunction ClosuresJS Classes
Class IntroClass InheritanceClass StaticJS Async
JS CallbacksJS AsynchronousJS PromisesJS Async/AwaitJS HTML DOM
DOM IntroDOM MethodsDOM DocumentDOM ElementsDOM HTMLDOM FormsDOM CSSDOM AnimationsDOM EventsDOM Event ListenerDOM NavigationDOM NodesDOM CollectionsDOM Node ListsJS Browser BOM
JS WindowJS ScreenJS LocationJS HistoryJS NavigatorJS Popup AlertJS TimingJS CookiesJS Web APIs
Web API IntroWeb Validation APIWeb History APIWeb Storage APIWeb Worker APIWeb Fetch APIWeb Geolocation APIJS AJAX
AJAX IntroAJAX XMLHttpAJAX RequestAJAX ResponseAJAX XML FileAJAX PHPAJAX ASPAJAX DatabaseAJAX ApplicationsAJAX ExamplesJS JSON
JSON IntroJSON SyntaxJSON vs XMLJSON Data TypesJSON ParseJSON StringifyJSON ObjectsJSON ArraysJSON ServerJSON PHPJSON HTMLJSON JSONPJS vs jQuery
jQuery SelectorsjQuery HTMLjQuery CSSjQuery DOMJS Graphics
JS GraphicsJS CanvasJS PlotlyJS Chart.jsJS Google ChartJS D3.jsJS Examples
JS ExamplesJS HTML DOMJS HTML InputJS HTML ObjectsJS HTML EventsJS BrowserJS EditorJS ExercisesJS QuizJS WebsiteJS SyllabusJS Study PlanJS Interview PrepJS BootcampJS CertificateJS References
JavaScript ObjectsHTML DOM Objects
JavaScript Functions
A JavaScript function is a block of code designed to perform a particular task.
A JavaScript function is executed when "something" invokes it (calls it).
Example
// Function to compute the product of p1 and p2
function myFunction(p1, p2) {
return p1 * p2;
}
JavaScript Function Syntax
A JavaScript function is defined with the function
keyword, followed by a name, followed by parentheses ().
Function names can contain letters, digits, underscores, and dollar signs (same rules as variables).
The parentheses may include parameter names separated by commas:
(parameter1, parameter2, ...)
The code to be executed, by the function, is placed inside curly brackets: {}
function name(parameter1, parameter2, parameter3) {
// code to be executed
}
Function parameters are listed inside the parentheses () in the function definition.
Function arguments are the values received by the function when it is invoked.
Inside the function, the arguments (the parameters) behave as local variables.
Function Invocation
The code inside the function will execute when "something" invokes (calls) the function:
- When an event occurs (when a user clicks a button)
- When it is invoked (called) from JavaScript code
- Automatically (self invoked)
You will learn a lot more about function invocation later in this tutorial.
Function Return
When JavaScript reaches a return
statement, the function will stop executing.
If the function was invoked from a statement, JavaScript will "return" to execute the code after the invoking statement.
Functions often compute a return value. The return value is "returned" back to the "caller":
Example
Calculate the product of two numbers, and return the result:
// Function is called, the return value will end up in x
let x = myFunction(4, 3);
function myFunction(a, b) {
// Function returns the product of a and b
return a * b;
}
Why Functions?
With functions you can reuse code
You can write code that can be used many times.
You can use the same code with different arguments, to produce different results.
The () Operator
The () operator invokes (calls) the function:
Example
Convert Fahrenheit to Celsius:
function toCelsius(fahrenheit) {
return (5/9) * (fahrenheit-32);
}
let value = toCelsius(77);
Accessing a function with incorrect parameters can return an incorrect answer:
Example
function toCelsius(fahrenheit) {
return (5/9) * (fahrenheit-32);
}
let value = toCelsius();
Accessing a function without () returns the function and not the function result:
Example
function toCelsius(fahrenheit) {
return (5/9) * (fahrenheit-32);
}
let value = toCelsius;
Note
As you see from the examples above, toCelsius
refers to the function object, and toCelsius()
refers to the function result.
Functions Used as Variable Values
Functions can be used the same way as you use variables, in all types of formulas, assignments, and calculations.
Example
Instead of using a variable to store the return value of a function:
let x = toCelsius(77);
let text = "The temperature is " + x + " Celsius";
You can use the function directly, as a variable value:
let text = "The temperature is " + toCelsius(77) + " Celsius";
You will learn a lot more about functions later in this tutorial.
Local Variables
Variables declared within a JavaScript function, become LOCAL to the function.
Local variables can only be accessed from within the function.
Example
// code here can NOT use carName
function myFunction() {
let carName = "Volvo";
// code here CAN use carName
}
// code here can NOT use carName
Since local variables are only recognized inside their functions, variables with the same name can be used in different functions.
Local variables are created when a function starts, and deleted when the function is completed.
Exercise?
What keyword is used to define a function in JavaScript?
Top Tutorials
HTML TutorialCSS Tutorial
JavaScript Tutorial
How To Tutorial
SQL Tutorial
Python Tutorial
W3.CSS Tutorial
Bootstrap Tutorial
PHP Tutorial
Java Tutorial
C++ Tutorial
jQuery Tutorial
Top References
HTML ReferenceCSS Reference
JavaScript Reference
SQL Reference
Python Reference
W3.CSS Reference
Bootstrap Reference
PHP Reference
HTML Colors
Java Reference
Angular Reference
jQuery Reference
Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness
of all content. While using W3Schools, you agree to have read and accepted our terms of use, cookie and privacy policy.
Copyright 1999-2025 by Refsnes Data. All Rights Reserved. W3Schools is Powered by W3.CSS.