Home > Web Front-end > JS Tutorial > JavaScript learning summary

JavaScript learning summary

高洛峰
Release: 2016-11-28 10:26:46
Original
1094 people have browsed it

Purpose of learning:
1. Web-related development is becoming more and more popular, and it is very necessary to learn JS

2. Learn one more language and want to know more about the cultural connotation of a language

3. Get to know the scripting language, which I have been using before Learn C, C++ for a change


Learning methods:
1. Project accumulation during previous internships

2. Various fragmentary information on the Internet

3. Codecademy’s online Js teaching course (long and detailed Course, my hands cramped while typing)

4. Various books, such as "headfirst Js", etc.


Sporadic feelings:

1. The attributes of classes in .js can be used. You can also use ["xx" ] to identify


2. JS also has encapsulation. In the constructor of the class, use var to define properties or methods instead of this


3. JS’s function definition is not separated well, but there is a semicolon after the variable definition.


4. This cannot be omitted in functions and classes


5. The instantiation of Js is achieved through the new constructor.

function Person(name,age) {

[javascript]
this.name = name;
this.age = age;
}
// Let's make bob and susan again, using our constructor
var bob = new Person ("Bob Smith", 30);

this.name = name;
this.age = age;
}
// Let's make bob and susan again, using our constructor
var bob = new Person("Bob Smith" , 30);6. Use prototype so that each instance has this attribute, and also implements inheritance
[javascript]
// the original Animal class and sayName method
function Animal(name, numLegs) {
this.name = name ;
this.numLegs = numLegs;
}
Animal.prototype.sayName = function() {
console.log("Hi my name is "+this.name);
};

// define a Penguin class
function Penguin(name, numLegs) {
this.name = name;
this.numLegs = 2;
}

// set its prototype to be a new instance of Animal
Penguin.prototype = new Animal();

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

// the original Animal class and sayName method
function Animal(name, numLegs) {
this.name = name;
this.numLegs = numLegs;
}
Animal.prototype.sayName = function() {
  console.log("Hi my name is "+this.name);
};

// define a Penguin class
function Penguin(name, numLegs ) {
this.name = name;
this.numLegs = 2;
}

// set its prototype to be a new instance of Animal
Penguin.prototype = new Animal();

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


Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template