javascript: 基于原型的面向对象编程

Douglas Crockford指出javascript是世界上最被误解的编程语言。由于javascript缺少常见的面向对象概念,许多程序猿认为javascript不是一个合适的语言。我在做第一个javascript项目时候也发现不能将代码放在一个类中。其实大部分程序猿不知道javascript可以面向对象。 
浏览器大战时代,Netscape的执行官招来了一个叫Brendan Eich的聪明人,发明了livescript(就是现在的javascript)语言,用来运行在浏览器端。它不像c++和java一样基于类,而是基于原型继承模型设计的。 OOP非常适合livescript这种动态语言。 
由于当时市场影响,这种新的语言需要看起来像java。java在当时非常耀眼流行,Netscape的执行官希望新语言是”java的小兄弟“。这就是为啥新语言叫javascript。

JavaScript and prototype-based OOP

下面是javascript的oop例子,先来搞出一个animal的对象:

var genericAnimal = Object.create(null);
  • 1

Object.create(null)创建空对象。下面往这个新对象上添加新属性和方法:

genericAnimal.name = ‘Animal‘;
genericAnimal.gender = ‘femal‘;
genericAnmal.description = function () {
    return ‘Gender: ‘ + this.gender + ‘; Name: ‘ + this.name;
};
  • 1
  • 2
  • 3
  • 4
  • 5

genericAnimal就是一个对象,可以这样使用:

console.log(genericAnimal.description());
  • 1

我们可以使用genericAnimal作为原型,创建其他对象,就像拷贝对象(cloning the object):

var cat = Object.create(genericAnimal);
  • 1

我们创建了cat对象,cat对象是genericAnimal的clone版。将cat对象作为原型,创建其他对象:

var colonel = Object.create(cat);
colonel.name = ‘Colonel Meow‘;

var puff = Object.create(cat);
puff.name = ‘Puffy‘;
  • 1
  • 2
  • 3
  • 4
  • 5

puff对象可以使用“父对象”继承来的属性和方法:

console.log(puff.description());
//Gender: female; Name: Puffy
  • 1
  • 2

The new keyword and the constructor function

javascript有new关键字和构造函数的感念。

function Person(name) {
    this.name = name;
    this.sayName = function() {
        return "Hi, I‘m " + this.name;
    };
}
var adam = new Person(‘Adam‘);
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7

实现继承有点复杂, Ninja对象继承Person对象:

function Ninja(name, weapon) {
  Person.call(this, name);
  this.weapon = weapon;
}
Ninja.prototype = Object.create(Person.prototype);
Ninja.prototype.constructor = Ninja;
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6

Understanding delegation and the implementation of prototypes

使用Object.create创建新对象时候,传入的对象成了新对象的原型。每个对象都有默认的__proto__属性来记录原型。举例说明:

var genericAnimal = Object.create(null);
// genericAnimal.__proto__ points to null
  • 1
  • 2

使用genericAnimal作为原型创建一个新的空对象:

var rodent = Object.create(genericAnimal);
 rodent.size = ‘S‘;
 var capybara = Object.create(rodent);
//capybara.__proto__ points to rodent
//capybara.__proto__.__proto__ points to genericAnimal
//capybara.__proto__.__proto__.__proto__ is null
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6

capybara对象虽然没有size属性,但是它可以在原型链上查找size属性:当调用capybara.size时,首先在capybara对象的本身属性上查找,如果没有找到,则会去capybara.__proto__所指向的原型上去查找。如果在capybara.__proto__也没有找到,则继续在capybara.__proto__.__proto__上查找。

Creating Object.create

如果有些浏览器不支持Object.create,那么需要自己实现了:

 if (typeof Object.create !== ‘function‘) {
    Object.create = function (o) {
        function F() {}
        F.prototype = o;
        return new F();
    };
}

http://blog.csdn.net/bdss58/article/details/51284944

原文地址:https://www.cnblogs.com/feng9exe/p/8290091.html

时间: 2024-10-04 17:45:50

javascript: 基于原型的面向对象编程的相关文章

深刻理解JavaScript基于原型的面向对象

主题一.原型 一.基于原型的语言的特点 1 只有对象,没有类;对象继承对象,而不是类继承类. 2  "原型对象"是基于原型语言的核心概念.原型对象是新对象的模板,它将自身的属性共享给新对象.一个对象不但可以享有自己创建时和运行时定义的属性,而且可以享有原型对象的属性. 3 除了语言原生的顶级对象,每一个对象都有自己的原型对象,所有对象构成一个树状的层级系统.root节点的顶层对象是一个语言原生的对象,其他所有对象都直接或间接继承它的属性. 显然,基于原型的语言比基于类的语言简单得多,我

javascript基于原型的面向对象的理论基础

面向对象,即按照人类的思维方式来编写程序,这是人类与生俱来的思维方式而不是新兴的一种方法. 1.对象(object):在内存中真实存在的: 2.对象即看待事物时就是一个一个物体构成而是物体就有属性和方法. 3.类:具有相同属性和方法的一组对象的抽象:(不是真实存在的)在设计时抽象出来的: ps:对象是类的实列,类是对象的抽象 ps:javascript是一个基于原形的面向对象的语言,即每个对象有一个原形,对象从原形种继承属性和方法.当访问对象的属性或调用对象的方法时,解析器首先检查对象是否有一个

R语言基于S4的面向对象编程

前言 本文接上一篇文章 R语言基于S3的面向对象编程,本文继续介绍R语言基于S4的面向对象编程. S4对象系统具有明显的结构化特征,更适合面向对象的程序设计.Bioconductor社区,以S4对象系统做为基础架构,只接受符合S4定义的R包. 目录 S4对象介绍 创建S4对象 访问对象的属性 S4的泛型函数 查看S4对象的函数 S4对象的使用 1 S4对象介绍 S4对象系统是一种标准的R语言面向对象实现方式,S4对象有明确的类定义,参数定义,参数检查,继承关系,实例化等的面向对象系统的特征. 2

JavaScript强化教程-JS面向对象编程

本文为H5EDU机构官方HTML5培训教程,主要介绍:JavaScript强化教程--JS面向对象编程  对事物的抽象描述  描述这类事物的特征和行为  对象是类的实例代码实现:创建一个类  function peple(){        this.hp=0;         this.act = 30;         this.name = "";         this.x=0;         this.y=0;         this.move =function(x,

简单介绍Javascript匿名函数和面向对象编程

忙里偷闲,简单介绍一下Javascript中匿名函数和闭包函数以及面向对象编程.首先简单介绍一下Javascript中的密名函数. 在Javascript中函数有以下3中定义方式: 1.最常用的定义方式: function functionVal(variable){ return 3*variable; } 2.使用Function构造函数,将函数的参数和函数体内容作为字符串参数[不建议使用]: var objFunction=new Function('variable','return 3

【学习笔记】JS基于原型的面向对象

/*|------------------------------------------------------| *|--js是基于原型prototype而不是类class的面相对象语言----| *|--js只有对象和对象的实例,没有class-------------------| *|--Z_LY-2015-11-15-------------------------------------| *|--------------------------------------------

JavaScript基于原型的继承

在一个纯粹的原型模式中,我们会摒弃类,转而专注于对象,基于原型的继承相比基于类的继承的概念上更为简单 if( typeof Object.beget !== 'function') { Object.beget = function(o) { var F = function() {}; F.prototype = o; return new F(); } } var myMammal = { name : 'Herb the Mammal', get_name : function() { r

基于过程和面向对象编程的区别

基于过程的程序设计多是基于功能的思想来考虑和设计的,在编程的时候,会分析出解决问题所需要的步骤,然后用函数把这些步骤一步一步的实现,在基于过程的程序中,函数是构成程序的基本部分,程序面对的是一个一个的函数,每个函数都是独立于程序中,除了主函数只能被系统调用外,各函数可以相互调用. 面向对象程序设计会首先确定这个问题由几部分组成,每一部分其实就是一个对象,然后再分别设计这些对象,最后得到整个程序,在面向对象的程序设计中,程序面对的是一个一个的类和对象,程序设计的主要任务是设计类,定义和使用对象.

Javascript 进阶 面向对象编程 继承的一个例子

Javascript的难点就是面向对象编程,上一篇介绍了Javascript的两种继承方式:Javascript 进阶 继承,这篇使用一个例子来展示js如何面向对象编程,以及如何基于类实现继承. 1.利用面向对象的写法,实现下面这个功能,实时更新数据的一个例子: 2.使用对上面类的继承,完成下面的效果: 好了,不多说,js的训练全靠敲,所以如果觉得面向对象不是很扎实,可以照着敲一个,如果觉得很扎实了,提供了效果图,可以自己写试试. 1.第一个效果图代码: [javascript] view pl