WEB2 - JavaScript

함수

함수의 기본

소스코드

변경사항

 

 

매개변수(parameter)와 인자(argument)

소스코드

변경사항

 

 

리턴

소스코드

변경사항

 

 

댓글

댓글 본문
작성자
비밀번호
  1. metallsk
    단순한듯 복잡한 내용입니다. 강의 잘 들었습니다.
  2. 리턴은 아직 잘 이해가 안되네요ㅠㅠ 다시 보면서 해야할듯!
  3. 소금돌
    함수.... 리턴되는 값으로 활용하는 방법
  4. yoonmin
    함수 시작
    감사합니다.
  5. 스페이스몽키
    감사합니다!
  6. jayxwoo
    잘 들었습니다.
    쉽게 말해서 리턴은 리턴값을 호출된 곳으로 되돌려 주는 기능을 한다.
  7. 키썬
    감사감사감사감사감사합니다
  8. 상상예찬
    김예찬 배재영
  9. 뿌리링
    리턴 부분이 어렵네요ㅋㅋㅋㅠㅠ 천천히 복습해봐야겠습니다..
  10. 이상봉
    웹 1 부터 정주행 하고 있는데 슬슬 과부하가 걸리네요
    특히 리턴 부분이 아찔합니다

    그래도 생활코딩을 알게되지 못했더라면 이 스트레스 받을 기회 조차 없었을 거라 생각하고 끝까지 가보겠습니다.
    감사합니다.

    여담이지만, 이고잉님께서 코드 입력할때 들리는 타자 소리가 정말 청아 하네요
    특히 엔터 누르실때는 듣는 저마저 속 시원한 것 같습니다.
  11. 라울
    감사합니다!
  12. Lee Ho Yeon
    음...머리가 펑 하고 터졌습니다. 오늘은 여기까지만..흑흑 ㅠㅠ 내일 다시 복습해야겠네요.
  13. Jay2swag
    정말 감사드립니다.
  14. Mingi Son
    180214 감사합니다!
  15. 180210 감사합니다!
  16. BY Chin
    감사합니다
  17. PassionOfStudy
    << 2018-01-20 - 3일차 _두 번째 강의 >> --> 완료!


    함수의 정의, 함수의 기능, 함수의 매개변수와 인자, 함수의 리턴값
    잘 듣고 갑니다~ ^_^
  18. 감사합니다~
  19. 코드다
    document.write('<div style="color:red">' + (left+right) + '</div><br>'); 해 보시면 됩니다.
    스트링 + 수 는 스트링 으로 바뀌어요.
    '<div style="color:red">'+2 는 '<div style="color:red">2' 가 되고 다시 + 3 하면
    '<div style="color:red">23' 이 됩니다.
    그런데 (left+right)로 괄호를 치면 이것이 먼저 계산되어 (2+3)은 5가 되고
    '<div style="color:red">' + 5 + '</div><br>' 의 형태로 동작합니다.
    대화보기
    • 부건혁
      function sumColorRed(left, right){
      document.write('<div style="color:red">'+left+right+'</div><br>');
      } 이 코드를 실행하면 빨간색으로 5가 나와야 되는거 아닌가요?
      왜 빨간색으로 23이 나오는 건가요?
    • SanFrancisco
      <script src="js파일 주소"></script>라고 쓰시면 될 것 같아요
      대화보기
      • 파일로 먼저 따로 저장후에

        파일 경로를

        <script src="저장된 파일경로"></script>

        태그로 문서에 포함 시키면 작동합니다.

        파일이 문서에 잘 포함되는지는 크롬 개발자 도구 에서 확인 할수 있습니다.
        대화보기
        • js공부중
          js 파일로 따로 스크립트를 저장 후, 저 함수를 불러오려면 어떻게 해야 하나요?
        • -정리- 아주 길 것으로 예상

          - 함수를 객체에서는 메소드라 부를 때도 있다.

          - 함수를 정의하는 법
          function ***(){
          ~~~~;
          } (여기서 세미콜론 필요가 없는 듯 한데 왜..?)

          - 위의 함수를 출력하는 법
          ***();

          - Parameter(매개변수), argument(인자)를 쓰는 이유
          위의 기본적인 함수에서는 단 하나의 바뀌지 않는 출력값만 가졌지만,
          parameter, argument를 사용하면,
          입력값이 무엇인지에 따라 다른 결과를 출력할 수 있다.

          간단히 말해 버튼 하나밖에 없는 자판기가
          버튼이 무수히 많아진 것이다.

          function sum(**, ##){
          document.write(** + ##);
          }
          sum($, %);

          **, ## 가 parameter(매개변수).
          $,% 가 argument(인자).

          - 표현식(expression)
          1+1 = 2 일때, 1+1은 2의 "표현식"이다.

          - Return (출력 또는 출력값?)
          function sum(*, **){
          document.write(* + ** + '<br>');
          }
          sum($,$);
          위와 같은 식이라면,
          $ 과 $을 더하는 식에 개행을 하는 <br>이 붙고, 화면으로 출력하는 document.write();도 붙어 있다.
          즉, '순수하게' 더하기를 하는 '함수'가 아니다.

          만약 밑과 같이 실행한다면,
          function sum(*, **){
          return * + **;
          }
          sum(2,3);
          그 결과는 화면에 출력되지는 않지만, 그 값이 5라는 것을 알 수 있고,
          sum(2, 3)은 5의 표현식 이라는 것을 알 수 있다.
          (이것 때문에 표현식을 가르쳐 주신 게 확실한지 모르겠네요 ;;)

          그 return 된 5는, 아무런 코드도 적용되지 않아서
          다양한 맥락에서 사용할 수 있는 자유도를 준다.

          (그저 리턴값을 쓰는 것과 안 쓰는 것의 차이는,
          함수에 여러 코드를 집어넣어 바로바로 쓰고 싶을 때와,
          그 계산된 순수한 값을 여러 가지로 가공 시킬 때이지 않을까 하고 생각합니다.)

          ## Javascript 세미콜론(;) 가이드
          https://goo.gl/tztVfL

          ## 함수 표현식 과 선언식
          https://joshua1988.github.io......ns/
        버전 관리
        egoing
        현재 버전
        선택 버전
        graphittie 자세히 보기