자바 스크립트 (세) - 함수, 변수 범위, 방법

1. 기능

자바 스크립트에서는, 대상이되는 기능 , 절차를 자유롭게 제어 할 수 있고, 그들은 모든 변수에 액세스 할 수 있도록 다른 기능들에 중첩 될 수있는 정의 된 시간 함수는 한정된 범위이다.
( 1) 정의 된 방법 (예로서, 절대 값 함수의 절대치의 ())
그림 삽입 설명 여기
(2) 제 2 방법은 정의 된
그림 삽입 설명 여기
함수 (X)이 {...}이 익명 함수이지만, 그 결과를 절대치로 할당 될 수 있고, 당신은 ABS하여 함수를 호출 할 수있다 하는 매너 모드는 두 동등

(3) 호출은
함수, 전달 될 수있는 값을 호출 할 때,이 값은 파라미터로 지칭된다. 자바 스크립트 매개 변수를 전달할 수 있습니다, 또는 매개 변수를 전달하지 않을 수 있습니다 .
그림 삽입 설명 여기
매개 변수가 문제를 통과했는지 여부를 결정하는 문제가 수동으로 발생되는 경우.
그림 삽입 설명 여기
그림 삽입 설명 여기
(4) 인수
JS 키워드의 무료 선물이다 인수, 대표에 전달 된 모든 매개 변수는 배열입니다 !
그림 삽입 설명 여기
그림 삽입 설명 여기
질문 : 인수는 우리가 때때로 추가 작업에 추가 매개 변수를 사용하려면, 모든 매개 변수가 포함되어 있습니다. 기존의 매개 변수를 제외 할 필요 -

(5) 나머지
새로운 기능, ES6 도입 이미 정의 파라미터에 더하여 모든 파라미터를 획득 .
나머지 매개 변수는 수 의 최종 표면에 기록 되어야하고, 식별하는 데 사용 ...
그림 삽입 설명 여기
그림 삽입 설명 여기

2. 변수 범위

  • 자바 스크립트, VAR 실제로 변수 범위, 가변 컬렉션 오브젝트에 대한 액세스의 범위를 정의하는 기능을한다.
  • 에서 함수 선언 외부 변수 라는 전역 변수를 가 현재 문서에있는 다른 코드에 액세스 할 수 있기 때문에. 에서 함수 내에서 선언 된 변수 라는 로컬 변수 가 단지 현재 함수 내에서 액세스 할 수 있기 때문에.

(1) 기능 체의 문은 시험 관내에서 기능은 사용되지 않는다 (개폐를 다시 볼 수 있고, 비 - 단어를 달성하기 위해)
그림 삽입 설명 여기
두 가지 기능이있는 경우에 내부 함수만큼 동일한 변수 이름을 사용하여 (2) 하지 충돌을
그림 삽입 설명 여기
(3) 외부 함수의 내부 멤버에 액세스 할 수있는 기능하지만, 그 반대의 경우도 마찬가지 없다
그림 삽입 설명 여기
그림 삽입 설명 여기
"외부"에 같은 이름의 "내부"의 함수 내부 (4) 변수, 외부 함수와 변수 찾기
그림 삽입 설명 여기
그림 삽입 설명 여기
설명 자신의에서 자바 스크립트 변수에서 찾기 기능을 : 기능은 시작 내외 '모양' ''에 ' . 동일한 이름 변수, 외부 함수의 내부 차폐 기능 밖에 존재와 기능 변수를 가정하자.

(5) 변수의 범위를 향상

  • 먼저 변수를 사용하고 나중에 변수를 선언 해제 변수로, 예외가 발생하지
    그림 삽입 설명 여기
    그림 삽입 설명 여기
    설명 : 자바 스크립트 변수 "승진"또는 기능 또는 성명의 전면으로 이동 생각합니다. 그러나, 리프트 가변 후에 것이다 부정 값 리턴 할당 변수 Y 향상하지 않을 것이다.

  • 작동 규제
    그림 삽입 설명 여기
    모든 변수의 함수의 머리에 정의되어 쉽게 코드를 유지 보수를 관리 못하는 없습니다.

(6) 전역 함수

  • 글로벌 변수
    그림 삽입 설명 여기
    그림 삽입 설명 여기
    (7) 전역 대물 윈도우
    그림 삽입 설명 여기
    알림 () 함수 자체가 윈도우 가변
    그림 삽입 설명 여기
    자바 실제로 함수 영역에서 발견되지 않는 것을 가정에만 전역 임의 변수 (함수도 변수로 간주 될 수있다)이다하는 것 외부 모습, 전역 범위에서 찾을 수없는 경우, 오류 RefrenceError

  • 사양은
    우리 때문에 모든 글로벌 변수는 우리의 창으로 바인딩됩니다. 경우 다른 JS 파일, 같은 전역 변수를 사용하여 충돌이 발생 .
    그림 삽입 설명 여기
    해결 방법 : 이름 충돌의 글로벌 문제를 줄이고, 자신의 고유 한 이름 공간 정의에 모든 코드를 넣어. jQuery를

(8) 로컬 범위 :하게는
그림 삽입 설명 여기
그림 삽입 설명 여기
로부터 알 수있는 로컬 변수 VAR의 정의가 콘솔 (11)은이 번호로부터 출력되는 상기 CONSOLE.LOG의 구현 (I + 1) 문, I 출력 범위도 사용될 수있다 . 이 표준을하지 않습니다!

의 ES6 소개 송출 키워드 , 지역 범위 해결 충돌은
그림 삽입 설명 여기
그림 삽입 설명 여기
당신이 변수 로컬 범위의 정의에 가자 있음을 시사

(9) 정수 CONST

에서 이전 ES6 , 어떻게 상수를 정의합니다 : 만 사용할 이름을 모두 대문자를 변수가 일정이 값을 수정하지 않는 것이 좋습니다
그림 삽입 설명 여기
ES6 도입에 상수 const를 키워드
그림 삽입 설명 여기

3. 방법

(1) 방법을 정의하는가
하는 개체 내부의 기능을 넣어 , 객체가 : 두 가지이다 프로퍼티와 메소드는
그림 삽입 설명 여기
그림 삽입 설명 여기
,이 점하지 않다 객체 호출 그것에 기본 포인팅

(2)이이 시점에서 적용이 JS를 제어 할 수있다
그림 삽입 설명 여기

4. 내부 객체

표준 객체
그림 삽입 설명 여기

4.1 날짜

처리를 위해 날짜 날짜 및 시간 객체
그림 삽입 설명 여기
콘솔 출력
그림 삽입 설명 여기
변환
그림 삽입 설명 여기
콘솔 출력을
그림 삽입 설명 여기

4.2 JSON

초기에 모든 데이터 전송은 XML 파일을 사용에 익숙한

  • A는 JSON (JavaScript 객체 표기법, JS가 표기 개체) 가벼운 데이터 교환 포맷 .
  • 간단하고 명확한 계층 메이크업 JSON 이상적인 데이터 교환 언어입니다.
  • 쉬운 구문 분석하고 생성하고, 효과적으로 네트워크 전송의 효율성을 개선하기 위해 시스템에 대해도 쉽게 읽기 및 쓰기 만합니다.
  • 자바 스크립트의 모든 객체 인에서 지원 JS의 모든 유형을 대표하는 JSON을 사용할 수 있으며, 숫자, 문자열을 ...

형식 :

  • 와 객체 {}
  • 배열이 사용된다 []
  • 모든 키 - 값 쌍은 사용되는 키입니다 값

변환 JSON 캐릭터 오브젝트와 JS

  • JSON.stringify () ; JS 개체JSON 문자열
  • JSON.parse () ; JSON 문자열JS 개체
    그림 삽입 설명 여기
    그림 삽입 설명 여기
    구별은 JSON JS와 개체
    그림 삽입 설명 여기

VAR OBJ = {A '안녕하세요 ', B 'hellob'} JS가 개체
VAR의 JSON을 = { "A": "안녕", "B": "hellob"} JSON의 문자열은 키가 추가되어야한다 ""

4.3 아약스

  • AJAX = 비동기 자바 스크립트와 XML (비동기 자바 스크립트와 XML) .
  • AJAX는 새로운 프로그래밍 언어는 아니지만 사용하여 기존 표준의 새로운 방법을 .
  • 가장 큰 장점은 전체 페이지를 다시로드하지 않고 AJAX를, 당신은 페이지의 콘텐츠의 서버 및 업데이트 부분과 데이터를 교환 할 수 있습니다.
  • AJAX는 브라우저 플러그인을 필요로하지만, 브라우저에서 자바 스크립트의 실행을 허용 할 사용자를 필요로하지 않습니다
  • JS 기본 비동기 요청 작성 XHR
  • 방법 jQuey 패키지 $ ( "# 이름"). 아약스 ( "")
  • Axios의 요청
게시 62 개 원래 기사 · 원 찬양 2 · 조회수 2,741

추천

출처blog.csdn.net/nzzynl95_/article/details/103915706