- 01. 선언적함수
- 02. 익명 함수
- 03. 매개변수 함수
- 04. 리턴값 함수
- 05. 화살표 함수 : 선언적 함수
- 06. 화살표 함수 : 익명 함수
- 07. 화살표 함수 : 매개변수 함수
- 08. 화살표 함수 : 리턴값 함수
- 09. 화살표 함수 : 익명함수 + 매개변수 + 리턴값
- 10. 화살표 함수 : 익명함수 + 매개변수 + 리턴값 + 괄호 생략
- 11. 화살표 함수 : 익명함수 + 매개변수 + 리턴값 + 괄호 생략 + 리턴생략
- 12. 화살표 함수 : 선언적함수 + 매개변수 + 리턴값 + 괄호 생략 + 리턴생략
- 13. 내부 함수
- 14. 즉시실행 함수
- 15. 파라미터 함수
- 16. 아규먼트 함수
- 17. 재귀 함수
- 18. 콜백 함수
- 19. 객체생정자 함수
- 20. 프로토타입 함수
- 21. 객체 리터럴 함수
- 22. 클래스
01. 선언적함수
{
function func() {
document.write("함수가 실행되었습니다.");
}
func();
}
결과보기
함수가 실행되었습니다.
02. 익명 함수
{
const func = function () {
document.write("함수가 실행되었습니다.");
}
func();
}
결과보기
함수가 실행되었습니다.
03. 매개변수 함수
{
function func(str) {
document.write(str);
}
func("함수가 실행되었습니다.");
}
결과보기
함수가 실행되었습니다.
04. 리턴값 함수
{
function func() {
const str = "함수가 실행되었습니다.";
return str;
}
document.write(func());
}
결과보기
함수가 실행되었습니다.
05. 화살표 함수 : 선언적 함
{
func = () => {
document.write("함수가 실행 되었습니다5.")
}
}
결과보기
함수가 실행되었습니다.
06. 화살표 함수 : 익명 함수
{
const func = () => {
document.write("함수가 실행되었습니다6.")
}
func();
}
결과보기
함수가 실행되었습니다.
07. 화살표 함수 : 매개변수 함수
{
func = (str) => {
document.write(str);
}
func("함수가 실행되었습니다.");
}
결과보기
함수가 실행되었습니다.
08. 화살표 함수 : 리턴값 함수
{
func = () => {
const str = "함수가 실행되었습니다.";
return str;
}
document.write(func());
}
결과보기
함수가 실행되었습니다.
09. 화살표 함수 : 익명함수 + 매개변수 + 리턴값
{
const func = (str) => {
return str;
}
document.write(func("함수가 실행되었습니다."));
}
결과보기
함수가 실행되었습니다.
10. 화살표 함수 : 익명함수 + 매개변수 + 리턴값 + 괄호 생략
{
const func = (str) => {
return str;
}
document.write(func("함수가 실행되었습니다."));
}
결과보기
함수가 실행되었습니다.
11. 화살표 함수 : 익명함수 + 매개변수 + 리턴값 + 괄호 생략 + 리턴생략
{
const func = str => str;
document.write(func("함수가 실행되었습니다."));
}
결과보기
함수가 실행되었습니다.
12. 화살표 함수 : 선언적함수 + 매개변수 + 리턴값 + 괄호 생략 + 리턴생략
{
func = str => str;
document.write(func("함수가 실행되었습니다."));
}
결과보기
함수가 실행되었습니다.
13. 내부 함수
{
function func (){
function funA(){
document.write("함수가 실행되었습니다13.")
}
funA()
function funB(){
document.write("함수가 실행되었습니다13.")
}
funB()
}
func ()
}
결과보기
함수가 실행되었습니다13.
함수가 실행되었습니다13.
함수가 실행되었습니다13.
14. 즉시 실행 함수
{
(function (){
document.write("함수가 실행되었습니다14.")
}());
// 즉시 실행 화살표 함수
(() =>{
document.write("함수가 실행되었습니다14.")
})();
}
결과보기
함수가 실행되었습니다14.
함수가 실행되었습니다14.
함수가 실행되었습니다14.
15. 파라미터 함수
{
function func(str = "함수가 실행되었습니다.15"){
document.write(str);
}
func()
}
결과보기
함수가 실행되었습니다.15
16. 아규먼트 함수
{
function func(a, b){
document.write(arguments[0]);
document.write(arguments[1]);
document.write(arguments[2]);
}
func("함수가 실행되었습니다.16", "함수가 실행되었습니다.16", "함수가 실행되었습니다.16")
}
결과보기
함수가 실행되었습니다.16
함수가 실행되었습니다.16
함수가 실행되었습니다.16
함수가 실행되었습니다.16
함수가 실행되었습니다.16
17. 재귀 함수
{
function func(num) {
if(num <= 1){
document.write("함수가 실행되었습니다.17");
} else {
document.write("함수가 실행되었습니다.17");
func(num-1);
}
}
func(5);
}
결과보기
함수가 실행되었습니다.17
함수가 실행되었습니다.17
함수가 실행되었습니다.17
함수가 실행되었습니다.17
함수가 실행되었습니다.17
함수가 실행되었습니다.17
함수가 실행되었습니다.17
함수가 실행되었습니다.17
함수가 실행되었습니다.17
18. 콜백 함수
{
function funcE(callback){
setTimeout(()=>{
console.log("E");
callback();
},1000)
}
function funcF(){
console.log("F");
}
funcE(function(){
funcF()
});
}
결과보기
E
F
F
19. 객체생정자 함수
{
function func(num, name, job){
this.num = num;
this.name = name;
this.job = job;
this.result = function(){
document.write(this.num + ". 내이름은" + this.name + "이며, 직업은" + this.job + "입니다.");
}
}
const info1 = new func("1", "웹쓰999", "웹퍼블리셔999");
const info2 = new func("2", "웹스토리보이999", "프론트앤드개발자999");
info1.result();
info2.result();
}
결과보기
1 내이름은 웹쓰999이며 직업은 웹퍼블리셔999 입니다.
2 내이름은 웹스토리보이999 직업은 프론트앤드개발자999 입니다.
2 내이름은 웹스토리보이999 직업은 프론트앤드개발자999 입니다.