> 웹 프론트엔드 > JS 튜토리얼 > JavaScript 학습 요약

JavaScript 학습 요약

高洛峰
풀어 주다: 2016-11-28 10:26:46
원래의
1086명이 탐색했습니다.

학습 목적:
1. 웹 관련 개발이 점점 대중화되고 있으며 JS를 배우는 것이 매우 필요합니다

2. 언어의 문화적 의미

3. 스크립팅 언어를 알아보세요. 이전에 C와 C++를 배워왔는데


학습 방법:
1. 이전 인턴십 중 프로젝트 누적

2. 인터넷에 떠도는 각종 단편적인 정보

3. 코드아카데미의 온라인 Js강좌 (코스가 길고, 타이핑할 때 손이 쥐어짜네요)

4. "headfirst Js" 등 다양한 책


산발적인 느낌:

1. ["xx" ]를 사용하여


을 식별할 수도 있습니다. 2.JS에도 캡슐화 기능이 있으므로 클래스 생성자에서 var를 사용하여 이

대신 속성이나 메서드를 정의하세요.


3.JS의 함수 정의 뒤 제대로 구분이 안 됐는데, 변수 정의 뒤에 세미콜론이 있어요.


4. 함수와 클래스에서는 생략할 수 없습니다.


5. Js의 인스턴스화는 새 생성자를 통해 이루어집니다.

함수 사람(이름,나이) {

[javascript]
this.name = 이름
this.age = age
// 생성자
var bob = new Person("Bob Smith", 30)

this.name = name;

this.age = age;}
// 생성자를 사용하여 bob과 susan을 다시 만듭니다
var bob = new Person("Bob Smith", 30) 6. 프로토타입을 사용하여 각 인스턴스가 이 속성을 갖도록 만듭니다. 이 속성도 구현됩니다.
[javascript]
// 원래 Animal 클래스 및 sayName 메서드 상속
function Animal(name, numLegs) {
this.name = name;
this.numLegs = numLegs; >}
Animal.prototype.sayName = function() {
console.log("안녕하세요 제 이름은 "+this.name"입니다.
};

// 펭귄 정의 class
function Penguin(name, numLegs) {
this.name = name;
this.numLegs = 2;
}

// 프로토타입을 새 인스턴스로 설정 of Animal
Penguin.prototype = new Animal();

var 펭귄 = new Penguin("Gigi")
penguin.sayName();

// Animal 클래스 및 sayName 메서드
function Animal(name, numLegs) {

this.name = name;

this.numLegs = numLegs;
}
Animal.prototype.sayName = function() {
console.log("안녕하세요 제 이름은 "+this.name);
};

// Penguin 클래스 정의
function Penguin(name, numLegs) {

this.name = name;

this.numLegs = 2;
}

// 프로토타입을 Animal의 새 인스턴스로 설정
Penguin.prototype = new Animal();

var 펭귄 = new Penguin("Gigi");
penguin.sayName();


관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿