/// <summary>
/// 鸟类
/// </summary>
public class Bird
{
  public void Fly()
  {
    Console.WriteLine("I can fly!");
  }
}

function Person(){
	console.log('I am keepfool.');
}

var p = new Person();

var cat = {
	color: 'black'
};
cat.name = 'Tom';
console.log(cat.color);
console.log(cat.name);

function Person(name){
	this.name = name;
}

var p1 = new Person('James');
var p2 = new Person('Cury');

p1.name = 'Lebron James';

function Person(name) {
	// 定义属性
	this.name = name;
	// 定义方法
	this.sayHello = function() {
		return 'Hello, I am ' + this.name;
	}
}

var p3 = new p1.constructor('Steve Nash');

var o = {};

这行代码声明了一个对象，尽管我们没有设置任何属性和方法，但JavaScript引擎默认给它设置了constructor属性。
o.constructor指向的是Object()构造函数，[native code]显示了Object()是JavaScript内置的函数。

原型对象

在JavaScript中，定义一个函数时，函数就会拥有prototype属性，构造函数也不例外。
下图说明了Person()构造函数的prototype属性是一个对象，它是属于函数的，我们称这个属性为原型对象。
从Person类的角度出发，我们也可理解为prototype属性是属于Person类的。

同时Person类的实例是没有prototype属性的，上图的p1.prototype是undefined，这说明prototype属性是共享的，这有点像C#中的静态属性。

设置prototype

既然prototype是一个对象，那就可以为它添加属性和方法。

在函数的protpotype属性上定义属性和方法，与设置普通对象的属性和方法没什么区别。
下面的代码为Person.prototype定义了属性和方法。

function Person(name){
	this.name = name;
	this.sayHello = function() {
		return 'Hello, I am ' + this.name;
	}
}

// 在构造函数的prototype对象上定义属性和方法
Person.prototype.height = 176;
Person.prototype.run = function(){
	return 'I am ' + this.name + ', I am running!';
}

var p1 = new Person('James');

 使用prototype

在Person.prototype中定义的属性和方法，可以直接被Person类的实例使用，仍然是以object.property的方式使用。

需要特别注意的是，name和sayHello()是属于Person类的实例，而height和run()是不属于Person类的实例。

小技巧：通过hasOwnProperty方法可以查看对象是否包含某个属性或方法。

自有属性 vs. prototype的属性

Person类的实例既可以使用Person类中的属性，又可以使用Person.prototype中的属性。
那么Person类的属性和Person.prototype的属性有什么差别呢？

首先，我们可以将Person类中的属性和方法理解为“实例属性”。
由于prototype是共享的，我们可以将prototype中的属性和方法理解为“共享属性”。

“实例属性”和“共享属性”的差别主要体现在性能上。
每创建一个Person的实例，就会产生一个name属性和sayHello()方法的副本，而height属性和run()方法则是所有实例共享一个副本。

既然如此，这意味着sayHello()方法可以提到prototype中。
另外，不同的Person实例height可能会不一样，应将它放到Person类中更合理。

function Person(name,height){
	this.name = name;
	this.height = height;
}

Person.prototype.sayHello = function(){
	return 'Hello, I am ' + this.name + ', my height is ' + this.height + 'cm.';
}
Person.prototype.run = function(){
	return 'I am ' + this.name + ', I am running!';
}

var p1 = new Person('James',203);
var p2 = new Person('Cury',190);

类的实现总结

 JavaScript没有类，但构造函数可以实现“类”。

按照JavaScript编程规范，构造函数的首字母应该大写。

“类”的属性和方法是用this.property方式定义在构造函数中的。

在对象创建时JavaScript分配了constructor属性给对象，constructor属性是对象构造函数的一个引用。

函数在定义时就已经有了prototype属性，prototype属性也是一个对象。

prototype是共享的，定义在prototype上的属性和方法可以被“类”的实例使用。

如果属性或方法能够定义在prototype上，就不要定义在构造函数上，使用prototype可以减少内存开销。

以上这篇玩转JavaScript OOP - 类的实现详解就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。