JavaScript training tutorial – Part 1 ( 30 Minutes)

안녕하세요 자바 스크립트 교육에 오신 것을 환영합니다

이 훈련은 구체적으로 목표로 삼은 C # 개발자에게 C # 개발자 매우 강하게 유형의 언어에서 온다 완전히 컴파일 된 클래스 키워드, 상속 및 다형성으로 완전히 객체 지향 C #에는 보호 된 내부 등 다양한 범위의 범위가 있습니다 C #의 inftrastructure는 JavaScript의 인프라와 다릅니다 이 비디오에서는 우리가 C # 개발자로서 기억해야 할 매우 중요한 포인트 JavaScript 코딩 중 C #과 JavaScript는 동일합니다 문제를 일으킬 수있다

확실하다 For Loops와 같은 유사성, 조건 등이있는 경우 그러나 방법에는 많은 차이가있다 자바 스크립트 작동 이 1 시간 교육을 통해 그 차이를 지적 할 것이다 이 교육은 두 부분으로 나뉩니다 처음 30 분 안에 11 가지 중요한 포인트를 거치게된다

자바 스크립트 C # 개발자를 놀라게 할 수있는 다음 반 시간에 JavaScript를 사용하여 적절한 객체 지향 프로그래밍을 구현하는 방법에 대해 논의합니다 이 비디오를 공유하면 페이스 북, 트위터, LinkedIn 계정 이메일 : questpond@questpondcom 이 작은 전자 책을 공유합니다 AngularJS를위한 AngularJS는 매우 유명한 프레임 워크 중 하나입니다 요즘 사용되는 자바 스크립트에서 기억할 포인트 번호 1 변수의 데이터 유형이 정의됩니다

실행 중 또는 변수의 데이터 유형 아르 실행 시간 동안 할당 된 값으로 정의됩니다 자바 스크립트에서 변수 선언하기 var 키워드 X는 숫자가됩니다 데이터 형은 문자열이 될것이다 이 X 변수는 숫자의 데이터 유형입니다 값을 변경하자마자 데이터 형이 문자열이된다

우리가 여기서 경고한다면 우리가 그것에 10 개의 값을 할당했기 때문에 X의 타입은 숫자입니다 그 후 문자열이됩니다 데이터 유형은 강하게 입력되지 않습니다 오른쪽에 할당 된 값은 무엇이든 왼쪽 변수는 그 데이터 형이된다 포인트 번호 2 자바 스크립트 주로 가지고있다

3 종류의 기본 데이터 유형 하나는 숫자입니다 다른 하나는 문자열이다 세 번째 것은 부울 우리가 경고를하면 우리는 부울을 얻을 것이다 십진수 그것은 숫자로 불릴 것이다 데이터 유형에서 판단하다 정수 할당 또는 소수점 지정 모든것은 숫자 자바 스크립트에서 포인트 넘버 3 정의되지 않음 정의되지 않은 경우 발생합니다

우리는 변수를 선언한다 즉 var x 아무 것도 지정하지 마라 가치 이 경우 x는 정의되지 않은 상태가 될 것이다 정의되지 않은 수단 변수가 선언된다 값은 그것에 할당되지 않습니다

정의하려면 데이터 부재의 의미 값은 숫자가 아니거나 문자열이 아니거나 부울도 아니며 그것은 Null입니다 포인트 번호 5 자바 스크립트에서 두 개의 범위 만 있습니다 비공개 또는 글로벌 C #에서는 개인적으로 보호되어 있습니다 영원한, 공개 자바 스크립트에서 우리는 은밀한 또는 글로벌 var x = 10 이것은 세계적인 것입니다 이 페이지 전체에서 우리가 함수를 정의한다면 자바 스크립트에서 이 함수에서 변수 var x = 5를 정의하면 이 var x = 5는이 함수에 대해 private입니다

var x = 10은 전체 페이지에 대해 전역입니다 이 경고는 10을 표시합니다 이 동안 경고가 표시됩니다 5 이걸 실행해라 값은 10입니다 그러나 지역 변수 / 개인 변수 값은 다음과 같이 표시됩니다

5 결론적으로 변수는 전역 변수이거나 비공개 변수 여야합니다 자바 스크립트 사용 어휘 범위 접근법 어휘 수단 단어의 위치에 따라 단어의 의미가 바뀔 수있다 달빛 라이터 달이 오면 그것은 다른 것입니다 빛이 오면 곧 그것은 다른 것입니다 위치에 따라 말의 의미가 변하고있다

변수 선언의 물리적 위치에 따라 자바 스크립트 결정 공개 또는 비공개 여야합니다 var x = 10 ~이다 세계적인 차원에서 그것은 함수 외부에있다 var x = 5 위치가 함수 안에있다 비공개로 만듭니다

어휘 범위는 메커니즘 우리는 변수 선언의 물리적 인 위치를 봅니다 결정한 다음 비공개 또는 전역이어야합니다 포인트 넘버 6 가장이다 잔인한 점 자바 스크립트에서 변수를 선언하지 않으면 변수를 할당하면됩니다 디폴트 글로벌이된다 어휘 범위 접근법이 없다 각각의 우리가 변수를 지정하고 선언하지 var x를 쓰지 않고 그냥 쓰는 것을 의미합니다

엑스 변수 x 세계적으로 선언된다 우리가 경고를하면 우리는 가치 5를 볼 것입니다 아직도 우리는이 x 외부에 접근 할 수 있습니다 기본적으로 이것은 글로벌이되기 때문에 변하기 쉬운 5 이제 전 세계적으로 액세스됩니다 이 x는 아니다

개인 변수로 생성되었지만 전역 변수가 됨 이 혼란을 피하기 위해 자바 스크립트 개발자들은 엄격히 사용하다 엄격한 사용을 말하면 이 x 쓸 수 없다 그것이 선언되지 않을 때까지 우리가 var를 넣을 시간 그것은 어휘 범위를 따른다 우리가 use strict를 사용하지 않고 실행하면 예외가 발생합니다 var 키워드를 넣으면 엄격한 사용을 보장하다 우리는 변수가 없다 값의 간단한 할당으로 생성되는 포인트 번호 7 자바 스크립트 변수 선언문에는 호이스트 호이스트 수단 무언가를 끌어 올리는 자바 스크립트에서 명백한 선언이 끌어 올려진다

선언 전에 alert (x) 이 프로그램을 실행하면 그것은 정의되지 않는다고 말하고있다 JavaScript는이 var x를 취했습니다 그리고 상단 변수 선언이 종료되었습니다 JavaScript 호이 스팅 (hoisting)은 변수 선언이 위로 이동합니다 이 시나리오에서 여전히 x에 액세스 할 수 있습니다

실제 값은 나중에 액세스 할 수 있습니다 정의되지 않음 그 뜻이 아냐 변수가 없지만 변수가 있지만 값이 할당되지 않았습니다 포인트 번호 8 자바 스크립트에서 매우 중요합니다 마감 마감 JavaScript의 혼란스러운 주제 중 하나이지만 JavaScript의 매우 중요한 개념 때에 온다 적절한 창작 구성 요소들 자바 스크립트에서 마감 두 가지 일을하는 데 도움이됩니다 상태를 유지하는 데 도움이됩니다

JavaScript 함수 두 번째 JavaScript의 private 변수에 액세스하는 데 도움이됩니다 Fun1이라는 함수가 있습니다 이 함수 안에는 변수가 있습니다 이 함수에 값 전달 이 값은 이 변수에 내부적으로 설정 이 변하기 쉬운 ~이다 사적인 변수 액세스 할 수 없습니다

str 외부 첫 번째 문제는이 개인 변수에 액세스하는 것입니다 두 번째로 유지하는 것입니다 주 에서 함수 호출 우리가 여기서 부를 때 Fun1 그리고 "Shiv" Fun1을 다시 호출하면 통과하다 라주 이 전화 그 안에 값 쉬브가있을거야 이 호출은 그 안에 Raju 값을 갖습니다 우리는이 부름을 다른 부름에서 다시 유지할 수 없습니다 우리가 전화를 할 때마다 그것은 값을 할당한다 이 범위 이후에 변수를 할당 해제합니다

먼저 개인 변수에 액세스하십시오 둘째 모든 함수 호출 사이에 상태 유지 이 변수에 액세스하려면 우리는 어떤 종류의 기능 누가이 변수를 외부로 가져올 수 있는지, 함수 안에 함수가 있어야합니다 다음과 같은 함수를 만듭니다 _getData 및이 getData 돌아온다 str 이 변수는 비공개 변수입니다

만큼 잘 우리가 만든 기능은 비공개입니다 이 함수를 public으로 만들기 반환 우리는 접근 할 수있다 이 _getData 으로 이름 getData 이 의회 만든다 _getData 공공의 이와 같은 함수를 만들면 private입니다 우리가 반환을 사용할 때 공개된다 모든 전화 이전 상태를 유지할 것이다

폐쇄 때문에 이 변수는 닫혀 있고 상태는 유지된다 모든 전화에서 나는 국가를 유지할 수있다 종결은 두 가지를한다 개인 변수에 액세스하는 데 도움이됩니다 둘째 이 기능 이 변수를 둘러 쌉니다

이것 때문에 국가가 유지된다 사용 클로저는 두 가지 용도로 사용됩니다 하나는 사적인 변수에 접근하는 것이다 함수 두 번째 것은 상태를 유지하기 위해 우리는 우리가 논의 할 곳에서 별도의 비디오를 시작할 것입니다 자바 스크립트에서 객체 지향 프로그래밍을하는 법 JavaScript로 객체 지향 프로그래밍을 할 때 실제 구현에 대해 이야기 할 것입니다

포인트 넘버 9 JavaScript에서 매우 중요합니다 IIFE 바로 호출 됨 기능 표현 먼저 함수를 만들고 함수를 호출하십시오 우리는 함수를 만들지 만 반복해서 사용하지는 않습니다 해당 페이지에 대해서만 기능 만들기 함수를 생성하자마자 바로 호출 할 것입니다 우리는 IIFE 함수를 별도로 호출하기 때문에 함수 이름을 줄 필요가 없다

다음 것은 바로이 함수를 호출하십시오 이 함수는 생성되고 즉시 실행됩니다 이 함수의 이름은 지정되지 않고 익명 함수로 지정됩니다 이걸 실행해라 "안녕하세요"가 표시됩니다

즉시 호출 된 함수 식 사용 시작 코드를 실행하고 싶다 포인트 넘버 10 자바 스크립트에서 그것은 매우 중요하다 "this"키워드에 대한 이해 브라우저 실제로 HTML을 파싱합니다 html을 파싱하면 그 안에 DOM이 생성됩니다 DOM 계층 구조가 생성되었습니다

JavaScript가이 DOM 계층 구조에 액세스 할 수 있습니다 "이" ~이다 브라우저의 맨 위 윈도우 객체 언제 우리가 JavaScript에서 모든 종류의 변수 또는 객체 만들기 첨부 됨 창 개체로 이 변수 첨부되어있다 창 개체로 이 값을 windowx 이 경우 출력은 10이됩니다 둘 다 위해 창문 쓰기보다는 "this" 변수, 클래스, 함수를 만들 때마다 모두 붙어있다

"이" 포인트 번호 11 자바 스크립트에서 수업은 기능입니다 에서 온 사람들 C # 및 Java 배경 이 모든 것을 class 키워드라고 부르며, 객체, 상속, 다형성, 추상화, 인터페이스 완전히 날아간거야 객체 지향 프로그래밍 언어 자바 스크립트에서 우리는 class 키워드를 가지고 있지 않다 여기에 클래스를 만들려면 함수를 만듭니다 새로운 JavaScript 사양에서는 클래스 키워드를 도입했습니다

하지만 하루가 끝날 때마다 내부적으로 기능하다 우리는 고객 클래스를 만들고 있습니다 그것은 customerCode 속성을 가지고있다 과 CustomerName 속성 자바 스크립트에서 우리는이 없습니다 클래스 키워드 속성을 만들려면 이 변수 이름 메서드를 만들려면 thisgetFullDetails 이 고객 클래스 내부적으로 함수이다

적절한 클래스가 아니다 존경하지 않는다 객체 지향 프로그래밍의 원리 이 CustomerCode는 전역 변수입니다 창 개체에 붙어있다 다음 강연에서 이 비디오의 제 2 부 JavaScript를 사용하여 적절한 객체 지향 프로그래밍을 수행하는 방법을 설명합니다

어떻게 창조하다 적절한 수업 존중 추상화, 캡슐화, 상속, 다형성 구현 이 파트 1에서는 우리가 보았다 11 점 C # 개발자가 있어야하는 JavaScript 그것에 대해 알기 대단히 감사합니다