- 01. 선언적 함수
- 02. 익명 함수
- 03. 매개변수 함수
- 04. 리턴값 함수
- 05. 화살표 함수 : 선언적 함수
- 06. 화살표 함수 : 익명 함수
- 07. 화살표 함수 : 매개변수 함수
- 08. 화살표 함수 : 리턴값 함수
- 09. 화살표 함수 생략 : 익명 + 매개변수 + 리턴값
- 10. 화살표 함수 생략 : 익명함수 + 매개변수 + 리턴값 + 괄호 생략
- 11. 화살표 함수 생략 : 익명함수 + 매개변수 + 리턴값 + 괄호 생략 + 리턴 생략
- 12. 화살표 함수 생략 : 선언적 함수 + 매개변수 + 리턴값 + 괄호 생략 + 리턴 생략
- 13. 내부 함수 : 함수 안 함수
- 14. 즉시 실행 함수
- 15. 파라미터 함수
- 16. 아규먼트 함수
- 14. 재귀 함수
- 15. 콜백 함수
- 16. 객체생성자 함수
- 17. 프로토타입 함수
- 18. 객체 리터럴 함수
- 19. 클래스
01. 선언적 함수
{
function func(){
document.write("함수가 실행되었습니다.");
}
func();
}
결과보기
함수가 실행되었습니다.
02. 익명 함수
{
const func = function(){
document.write("함수가 실행되었습니다.")
}
func();
}
결과보기
함수가 실행되었습니다.
03. 매개변수 함수
{
function func(str){
document.write(str);
}
func("함수가 실행되었습니다.");
}
결과보기
함수가 실행되었습니다.
04. 리턴값 함수
{
function fun(){
const str = "함수가 실행되었습니다."
return str;
}
document.write(func());
}
결과보기
함수가 실행되었습니다.
05. 화살표 함수 : 선언적 함수
{
func = () => {
document.write("함수가 실행되었습니다.");
}
func();
}
결과보기
함수가 실행되었습니다.
06. 화살표 함수 : 익명 함수
{
const func = () => {
document.write("함수가 실행되었습니다.");
}
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("함수가 실행되었습니다.");
}
funA()
function funB() {
document.write("함수가 실행되었습니다.");
}
funB()
}
func();
//*이렇게는 많이 않씀
}
결과보기
함수가 실행되었습니다.함수가 실행되었습니다.
14. 즉시실행 함수
{ *많이 쓴다.
//기본
function func() {
document.write("함수가 실행되었습니다.");
}
func()
//즉시 실행 함수
(function() {
document.write("함수가 실행되었습니다.");
}());
//화살표 함수
(() => {
document.write("함수가 실행되었습니다.");
})();
}
결과보기
함수가 실행되었습니다.
15. 파라미터 함수 | *리액트에서 쓰게됨
{
//매개변수 함수
function func(str) {
document.write(str);
}
func("함수가 실행되었습니다.")
//파라미터 함수
//매개변수 자리에서 쓴다
function func(str = "함수가 실행되었습니다.") {
document.write(str);
}
func()
}
결과보기
함수가 실행되었습니다.
16. 아규먼트 함수
{
function func(a,b) { //인자: a,b
//let num =[a,b] //원래는 변수를 선언해줘야하는 것을 생략
document.write(arguments[0])
document.write(arguments[1])
//document.write(arguments[2]) : 값이 늘어나면 인자를 늘림
}
func("함수가 실행되었습니다.","함수가 실행되었습니다.") //값을 전달
}
결과보기
함수가 실행되었습니다.