WEB2 - JavaScript

함수

함수의 기본

소스코드

변경사항

 

 

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

소스코드

변경사항

 

 

리턴

소스코드

변경사항

 

 

댓글

댓글 본문
작성자
비밀번호
  1. Mingi Son
    180214 감사합니다!
  2. JN87
    180210 감사합니다!
  3. BY Chin
    감사합니다
  4. PassionOfStudy
    << 2018-01-20 - 3일차 _두 번째 강의 >> --> 완료!


    함수의 정의, 함수의 기능, 함수의 매개변수와 인자, 함수의 리턴값
    잘 듣고 갑니다~ ^_^
  5. 감사합니다~
  6. 코드다
    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 자세히 보기