# function expression

9개의 포스트
post-thumbnail

[모던 자바스크립트 튜토리얼] 2.16 함수 표현식

함수 표현식 자바스크립트에서는 함수를 대하는 방식이 다른 언어와 조금 다르다. 특별한 동작을 하는 구조가 아닌 특별한 종류의 값으로 취급한다. 일반적으로는 함수 선언, 함수 선언문 방식으로 함수를 만든다. 외에도 함수 표현식(Function Expression)으로 함수를 만들 수 있다. 함수를 생성하고 변수에 함수를 할당하는 개념이다. 함수가 어떤 방식으로 만들어졌는지에 관계없이 함수는 값이기에, 변수에 할당할 수 있다. sayHi 함수가 실행되지 않고 코드만 보이는 이유는 호출 시 괄호를 붙이지 않아서이다. 특정 언어에서는 함수 이름만 언급해도 함수가 실행되지만 자바스크립트는 괄호가 있어야만 함수가 호출된다. 함수를 값으로 취급할 수 있기 때문이다. '기능'이 있는 특별한 값이라고 생각하면 될 것 같다. 그리고 값이기 때문에 값에 할 수 있는 일을 함수에도 할 수 있다. 위 두 방식의 미묘한 차이가 있다면 세미콜론의 유무이다. if(){},

2023년 3월 2일
·
0개의 댓글
·
post-thumbnail

Front-end 국비지원 #032일

JavaScript 1. function- input output > function name(parameter1,parameter2,... ){실행문(코드)} = 특정 기능을 수행하도록 작성된 코드 블록 ex)01 *밖으로 printHello(); 함수를 불러와야 실행이 된다. > 결과 값 : Hello ex)02 *파라미터로 메세지를 전달하면 전달된 메세지가 나옴 > 첫번째 결과 값 : hi sehyeon 두번째 결과 값 : hi joo 2. parameters 파라미터(매개변수) 함수를 정의할 때 나열된 변수를 뜻하며, 함수를 호출 할 때 input되는 데이터를 가르키기 위해 사용된다. 매개변수(parameter, 파라미터)는 변수의 특별한 한 종류로서 함수 등에 input으로 제공되는 데이터를 말한다. 매개변수는 하나의 속성값을 받을 수도 있고, object를 받을 수도 있다. 매개변수의 기본값도 미리 설정해 매개변

2022년 11월 29일
·
0개의 댓글
·
post-thumbnail

[JS] 함수 표현식과 함수 선언 간단 비교

function a() {}와 var a = function(){}의 차이는 무엇인가? 함수 표현식 해당 라인에 도달할 때만 정의됨. 함수 선언과 다르게 호이스팅 되지 않음. 함수 선언 함수 선언은 그 선언을 둘러싼 함수의 최상부나 저역 범위로 끌어올려짐(호이스팅). 함수 표현식과 함수 선언 차이 함수 표현식은 호이스팅되지 않고 함수 선언은 호이스팅 된다. 함수표현식 함수 선언 > 🔖 참고 [MDN 함수 표현식](https://developer.mozilla.org/ko/docs

2022년 1월 9일
·
0개의 댓글
·
post-thumbnail

[JS] 드림코딩 JS 공부 #5-2

💡 함수 표현식에 대해 공부해보자! ⭐️ First-class function(일급 함수) function은 다른 변수와 마찬가지로 변수에 할당이 되고, function의 인자로 전달이되며, 리턴값으로도 리턴이 가능하다. 👇👇👇 그것이 가능하게 한 것이 바로 Function expression👇👇👇 🔴 Function expression 함수를 선언함과 동시에 바로 프린트라는 변수에 할당하는 것을 확인할 수 있다. function에 이름이 없고 function이라는 키워드를 이용해서 파라미터와 블럭을 이용한 것을 위에서 확인할 수 있다. (함수

2021년 12월 18일
·
0개의 댓글
·
post-thumbnail

[JS] Arrow Function, 함수의 선언과 표현

출처 : 유튜브 드림코딩 자바스크립트 Function fundamental building block in the program(프로그램을 구성하는 굉장히 기본적인 buildidng block)** subprogram can be used multiple times performs a task or calculate a value** 1. Function declaration (function을 정의하는 방법) function name(param1, param2){body.... return;} one function === one thing (하나의 함수는 한 가지의 일만 하도록 만들어야한다.) naming : doSomething, command, verb e.g. createCarAnndPoint -> createCard, createPoint 로 나누는 게 더 좋다. function is object in JS -> function을

2021년 10월 25일
·
0개의 댓글
·
post-thumbnail

자바스크립트의 함수 | JavaScript Basics

자바스크립트의 함수 1. 함수 (Functions) 1-1. 함수란? >함수란 명확한 목적에 의해 입력받은 값을 설계된 프로세스를 거쳐 가공, 저장, 할당, 전달하기 위한 코드의 기능적 집합이라고 할 수 있다. 같은 작업을 몇 번이고 반복할 수 있으며, 조금만 고쳐서 재활용할 수도 있다. 함수의 기능을 비유하는 많은 예시가 있지만, 음료를 포장하는 기계를 함수에 비유해서 생각해보자. 1-2. 함수의 구성 packaging이라는 이름의 이 기계는 재료(병, 음료, 뚜껑, 라벨)를 받아 기계 내부의 프로세스를 거쳐 완성된 음료병을 반환한다. ![](https://images.velog.io/images/oneook/p

2021년 8월 3일
·
0개의 댓글
·
post-thumbnail

[Javascript] 함수 선언식 vs 함수 표현식

자바스크립트에서의 함수는 '값'으로 취급되고, 함수를 표현하는 방법에는 두 가지 종류가 있다. 함수선언과 함수표현이 그것이다. 함수 선언(Function Declaration) 함수 표현(Function Expression) 함수 표현식에서는 함수를 생성하고 변수에 할당했다. 즉 함수는 변수에 할당될 수 있는 값이며, 그렇기 때문에 복사해서 다른 변수에 할당할 수도 있다. 함수 선언식과 함수 표현식의 차이점 함수 선언식은 호이스팅에 영향을 받지만, 함수 표현식은 호이스팅에 영향을 받지 않는다. var second 변수는 호이스팅이 적용되어 상단으로 끌어올려졌으나, 호출 이후에 function값이 할당되므로 second는 변수로 인식된다. (not a function) 함수 표현식은 호이스팅에 영향을 받지 않는다는 점 외에도, 함수 선언식보다 유용하게 쓰이는 경우가 있는데 1) 클로저로써의 사용 2) 콜백 함

2021년 3월 4일
·
0개의 댓글
·
post-thumbnail

TIL39: First Class Citizen

First Class Citizen : * Function* Assignment - 변수에 할당할 수 있다. Argument - 다른 함수의 인자로 전달될 수 있다. Return Value - 다른 함수의 결과로서 반환될 수 있다. >함수 정의 방법 Function Expression : 함수를 변수에 할당함으로써 함수를 표현 Function Declaration : 키워드를 이용하여 함수를 선언 함수 표현식과 함수 선언식의 결정적인 차이는 Hoisting의 적용 여부입니다. 선언식은 호이스팅이 적용되지만 표현식은 적용되지 않습니다. 다만 지나치게 선언식의 호이스팅에 의존하는 것은 유지 보수 측면에서 오히려 단점이 될 수 있습니다.(Declarative Programming, 선언적 프로그래밍) 반면에 표현식은 함수의 할당과 실행의 위치가 어느 정도 예측 가능하기 때문에 가독성이 좋지만 각 할당과 실행의

2020년 9월 26일
·
0개의 댓글
·
post-thumbnail

[Javascript]Function Expression vs Function Declaration

❗️ Defferences Function Declaration _ A Function Declaration_ can be called earlier than it is defined. When JavaScript prepares to run the script, it first looks for global Function Declarations in it and creates the functions - hoisting When a Function Declaration is within a code block, it’s visible everywhere inside that block. But not outside of it - Block Scope Function Expresstion A Function Expression is created when the execution reaches it - _

2020년 8월 19일
·
0개의 댓글
·