- 01. 선언적 함수
- 02. 익명 함수
- 03. 매개변수 함수
- 04. 리턴값 함수
- 05. 화살표 함수 : 선언적 함수
- 06. 화살표 함수 : 익명 함수
- 07. 화살표 함수 : 매개변수 함수
- 08. 화살표 함수 : 리턴값 함수
- 09. 화살표 함수 : 익명함수 + 매개변수 + 리턴값
- 10. 화살표 함수 : 익명함수 + 매개변수 + 리턴값 + 괄호 생략
- 11. 화살표 함수 : 익명함수 + 매개변수 + 리턴값 + 괄호 생략 + 리턴 생략
- 12. 화살표 함수 : 선언적함수 + 매개변수 + 리턴값 + 괄호 생략 + 리턴 생략
- 13. 내부 함수
- 14. 즉시실행 함수
- 15. 파라미터 함수
- 16. 아규먼트 함수
- 17. 재귀 함수
- 18. 콜백 함수
- 01. 객체생성자 함수
- 01. 프로토타입 함수
- 01. 객체 리터럴 함수
- 01. 클래스
01. 선언적 함수
{
function func(){
document.write("1. 함수가 실행되었습니다.");
}
func();
}결과보기
1. 함수가 실행되었습니다.
02. 익명 함수
{
const func = function(){
document.write("2. 함수가 실행되었습니다.");
}
func();
}결과보기
2. 함수가 실행되었습니다.
03. 매개변수 함수
{
function func(str){
document.write(str);
}
func("3. 함수가 실행되었습니다.");
}결과보기
3. 함수가 실행되었습니다.
04. 리턴값 함수
{
function func(){
const str = "4. 함수가 실행되었습니다.";
return str;
}
document.write(func());
}결과보기
4. 함수가 실행되었습니다.
05. 화살표 함수 : 선언적 함수
{
// function func(){
// document.write("1. 함수가 실행되었습니다.");
// }
// func();
func = () => {
document.write("5. 함수가 실행되었습니다.");
}
func();
}결과보기
5. 함수가 실행되었습니다.
06. 화살표 함수 : 익명 함수
{
// const func = function(){
// document.write("2. 함수가 실행되었습니다.");
// }
// func();
const func = () => {
document.write("6. 함수가 실행되었습니다")
}
func();
}결과보기
6. 함수가 실행되었습니다.
07. 화살표 함수 : 매개변수 함수
{
// function func(str){
// document.write(str);
// }
// func("3. 함수가 실행되었습니다.");
func = (str) => {
document.write(str);
}
func("7. 함수가 실행되었습니다.");
}결과보기
7. 함수가 실행되었습니다.
08. 화살표 함수 : 리턴값 함수
{
// function func(){
// const str = "4. 함수가 실행되었습니다.";
// return str;
// }
// document.write(func());
func = () => {
const str = "8. 함수가 실행되었습니다.";
return str;
}
document.write(func());
}결과보기
8. 함수가 실행되었습니다.
09. 화살표 함수 : 익명함수 + 매개변수 + 리턴값
{
const func = (str) => {
return str;
}
document.write(func("9. 함수가 실행되었습니다."))
}결과보기
9. 함수가 실행되었습니다.
10. 화살표 함수 : 익명함수 + 매개변수 + 리턴값 + 괄호 생략
{
const func = str => {
return str;
}
document.write(func("10. 함수가 실행되었습니다."))
}결과보기
10. 함수가 실행되었습니다.
11. 화살표 함수 : 익명함수 + 매개변수 + 리턴값 + 괄호 생략 + 리턴 생략
{
const func = str => str;
document.write(func("11. 함수가 실행되었습니다."))
}결과보기
11. 함수가 실행되었습니다.
12. 화살표 함수 : 선언적함수 + 매개변수 + 리턴값 + 괄호 생략 + 리턴 생략
{
func = str => str;
document.write(func("12. 함수가 실행되었습니다."))
}결과보기
12. 함수가 실행되었습니다.
13. 내부 함수
{
function func(){
function funA(){
document.write("13. 함수 A가 실행되었습니다.");
}
funA();
function funB(){
document.write("13. 함수 B가 실행되었습니다.");
}
funB();
}
func();
}결과보기
13. 함수 A가 실행되었습니다.13. 함수 B가 실행되었습니다.
14. 즉시 실행 함수
{
// function func(){
// document.write("14. 함수가 실행되었습니다.")
// }
// func();
(function (){
document.write("14. 함수가 실행되었습니다.");
}());
(() => {
document.write("14. 함수가 실행되었습니다.");
})();
}결과보기
14. 함수가 실행되었습니다.14. 함수가 실행되었습니다.
15. 파라미터 함수
{
// function func(str){
// document.write(str);
// }
// func("15. 함수가 실행되었습니다.");
function func(str = "15. 함수가 실행되었습니다."){
document.write(str);
}
func();
}결과보기
15. 함수가 실행되었습니다.
16. 아규면트 함수
{
function func(a, b){
document.write(arguments[0]);
document.write(arguments[1]);
}
func("16. 함수가 실행되었습니다[0].", "16. 함수가 실행되었습니다[1].")
}결과보기
16. 함수가 실행되었습니다[0].16. 함수가 실행되었습니다[1].
17. 재귀 함수
{
}결과보기
18. 콜백 함수
{
}