Rumah > hujung hadapan web > tutorial js > JavaScript学习小结

JavaScript学习小结

高洛峰
Lepaskan: 2016-11-28 10:26:46
asal
1086 orang telah melayarinya

学习目的:
1.Web相关开发越来越流行,学习JS十分有必要

2.多学习一种语言,想多了解一种语言的文化内涵

3.认识一下脚本语言,之前一直学习C,C++,换换口味

 


学习途径:
1.之前实习期间的项目积累

2.互联网的各种零碎的资料

3.codecademy的在线Js教学课程(冗长细致的课程,打字打到手抽筋)

4.各种书本,如《headfirst Js》等

 


零星的感受:

1.js中类的属性,可以使用.也可以使用["xx"]来标识


2.JS也有封装,在类的构造函数中使用 var来定义属性或者方法而不是this


3.Js的函数定义之后没有分好,但是变量定义之后有分号。


4.函数和类中的this不能省略


5.Js的实例化是通过 new 构造函数实现的。

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.使用prototype使得每个实例都有这个属性,也实现了继承
[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();


Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan