`
mylove2060
  • 浏览: 335994 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

Javascript 面向对象编程定义对象函数的方法

阅读更多

//A.利用传统的原始方法定义对象的方法(函数) 一

    function Programmer(name,age,position){      
		this.name = name;      
		this.age = age;      
		this.position = position;   
	   
	   	this.displayInfo =  function(){    
			alert("[Name: "+ this.name +"]  [Age: "+this.age+"]  [position: "+this.position+"]");
		}
	
		this.setName = function(name){    
		   this.name = name;
		}

		this.setAge = function(age){    
			this.age = age;
		}

		this.setPosition = function(position){    
		    this.position = position;
		}
	
    }  
    
   var oBpmProgrammer = new Programmer("Kevin",24,"BPM Programmer");   
   oBpmProgrammer.displayInfo();    //[Name: Kevin] [Age: 24] [position: BPM Programmer]
   oBpmProgrammer.setName("Andy");
   oBpmProgrammer.displayInfo();    //[Name: Andy] [Age: 24] [position: BPM Programmer]


//B.利用传统的原始方法定义对象的方法(函数) 二

    function Programmer(name,age,position){      
       this.name = name;      
       this.age = age;      
       this.position = position;        
    }     
          

	Programmer.prototype.displayInfo =  function(){    
       alert("[Name: "+ this.name +"]  [Age: "+this.age+"]  [position: "+this.position+"]");      
	}
	
	Programmer.prototype.setName = function(name){    
         this.name = name;
	}

	Programmer.prototype.setAge = function(age){    
         this.age = age;
	}

	Programmer.prototype.setPosition = function(position){    
         this.position = position;
	}
	

  var oBpmProgrammer = new Programmer("Kevin",24,"BPM Programmer");   
  oBpmProgrammer.displayInfo();    //[Name: Kevin] [Age: 24] [position: BPM Programmer]
  oBpmProgrammer.setName("Andy");
  oBpmProgrammer.displayInfo();    //[Name: Andy] [Age: 24] [position: BPM Programmer]


//C.利用原型定义对象方法(函数)的另一种方法

  function Programmer(name,age,position){      
      this.name = name;      
      this.age = age;      
      this.position = position;        
  }     
          
 Programmer.prototype = {
	displayInfo : function(){    
       alert("[Name: "+ this.name +"]  [Age: "+this.age+"]  [position: "+this.position+"]");      
	},

	setName : function(name){    
         this.name = name;
	},

	setAge : function(age){    
         this.age = age;
	},

	setPosition : function(position){    
         this.position = position;
	},

	sex:"male"
 }

  var oBpmProgrammer = new Programmer("Kevin",24,"BPM Programmer");   
  oBpmProgrammer.displayInfo();    //[Name: Kevin] [Age: 24] [position: BPM Programmer]
  oBpmProgrammer.setName("Andy");
  oBpmProgrammer.displayInfo();    //[Name: Andy] [Age: 24] [position: BPM Programmer]
  alert(oBpmProgrammer.sex)        //male



//D.测试这种方法使用的继承是否有效




  function Person(name,age,position){      
      this.name = name;      
      this.age = age;      
      this.position = position;        
  }     
          
 Person.prototype = {
	displayInfo : function(){    
       alert("[Name: "+ this.name +"]  [Age: "+this.age+"]  [position: "+this.position+"]");      
	},

	setName : function(name){    
         this.name = name;
	},

	setAge : function(age){    
         this.age = age;
	},

	setPosition : function(position){    
         this.position = position;
	},
	sex:"male"
 }

  
  function Programmer(name,age,position){
		Person.call(this,name,age,position)
  }

  Programmer.prototype = new Person();   

  var oBpmProgrammer = new Programmer("Kevin",24,"BPM Programmer");   
  oBpmProgrammer.displayInfo();    //[Name: Kevin] [Age: 24] [position: BPM Programmer]
  oBpmProgrammer.setName("Andy");
  oBpmProgrammer.displayInfo();    //[Name: Andy] [Age: 24] [position: BPM Programmer]
  alert(oBpmProgrammer.sex)        //male
0
0
分享到:
评论

相关推荐

    JavaScript面向对象编程指南(第2版).rar

    JavaScript是一种广泛...通过深入学习这本《JavaScript面向对象编程指南(第2版)》,开发者不仅能掌握JavaScript的面向对象编程基础,还能了解到实际项目中如何有效地运用这些知识,提升编程技巧和解决问题的能力。

    JavaScript面向对象编程指南.pdf

    JavaScript面向对象编程是指在JavaScript语言中使用面向对象的方法来编写程序。JavaScript是一种高级的、解释型的编程语言,它支持面向对象的编程范式,允许开发者创建对象、使用继承和多态等面向对象的特性。以下是...

    JavaScript面向对象编程指南 pdf

    下面将详细探讨JavaScript面向对象编程的基本原理、特性以及实际应用。 1. **类与对象** - 在JavaScript中,对象是键值对的集合,可以通过字面量语法或构造函数创建。例如: ```javascript const person = { ...

    Javascript面向对象编程

    ### JavaScript面向对象编程详解 #### 一、引言 JavaScript作为一种广泛使用的脚本语言,在Web开发领域占据着举足轻重的地位。尽管JavaScript本质上是一种基于原型的语言,但它也支持面向对象编程的一些特性,使得...

    JavaScript面向对象编程指南

    JavaScript是一种广泛应用于Web开发的动态编程语言,尤其在构建交互式网页和富互联网应用...《JavaScript面向对象编程指南》这本书将帮助你进一步探索这个主题,通过实例和详细的解释,提升你的JavaScript编程技能。

    javascript面向对象编程(中文).pdf

    ### JavaScript面向对象编程知识点概述 #### 一、现代JavaScript编程概览 - **JavaScript的演进**:自诞生以来,JavaScript经历了从一个简单的脚本语言到现今被广泛应用于构建复杂应用的强大编程语言的过程。它的...

    JavaScript面向对象编程案例

    `JavaScript面向对象编程讲解.pptx`可能提供了更详细的理论解释和更多示例,帮助读者深入理解面向对象编程在JavaScript中的应用。 学习JavaScript面向对象编程,不仅有助于理解代码的结构和复用性,还有助于提高...

    JavaScript 面向对象编程

    ### JavaScript面向对象编程详解 #### 一、JavaScript面向对象编程简介 JavaScript作为一种广泛使用的脚本语言,虽然起源于一种简单的浏览器脚本环境,但随着时间的发展,它已经演变为一种功能强大的编程语言,...

    面向对象JavaScript精要(英文原版pdf)

    面向对象编程(OOP)是一种软件开发方法,它通过将数据和处理这些数据的方法捆绑在一起形成“对象”来组织代码。这种编程方式使得代码更加模块化,易于管理和扩展。OOP的核心概念包括类、对象、继承、封装、多态等。 ...

    JavaScript 面向对象编程详细讲解文档

    JavaScript是一种动态类型的脚本语言,虽然它不像Java或C#那样拥有传统的类和实例机制,但它的面向对象编程能力仍然非常强大。JavaScript的核心在于对象、原型和隐式继承,这些都是理解其面向对象特性的重要概念。 ...

    JavaScript面向对象编程

    JavaScript是一种广泛应用于Web开发的动态脚本语言,其在创建交互式网页和应用程序时起着核心作用。...阅读《JavaScript面向对象编程.pdf》这份资料,你将能够进一步了解和掌握JavaScript的面向对象编程技巧。

    javascript面向对象编程pdf

    总结来说,JavaScript面向对象编程涵盖了从基本原理到实现细节的多个方面,包括但不限于对象、构造函数、原型链、继承以及封装等。本书系统地介绍了这些知识点,并通过实例演示了如何在现代JavaScript中实现OOP,...

    基于闭包的JavaScript面向对象编程框架.pdf

    本文总结了基于闭包的JavaScript面向对象编程框架的设计和实现。通过使用闭包,实现了基于类的面向对象编程的封装、继承和多态特征。 闭包(Closure)是JavaScript中的一种编程技术,通过闭包,可以实现基于类的...

    javascript面向对象编程

    JavaScript是一种广泛应用于Web开发的动态、弱类型、基于原型的脚本语言,它不仅支持函数式编程,还具有强大的面向对象编程能力...通过阅读《javascript面向对象编程.pdf》这样的资料,你可以深入理解并掌握这些概念。

    Javascript 面向对象的JavaScript进阶

    ### JavaScript面向对象进阶知识点详解 #### 8.1 面向对象编程的基本特性 在探讨面向对象的JavaScript之前,我们首先需要了解面向对象编程(Object-Oriented Programming, OOP)的基本特性:封装性、抽象性、继承...

    javascript面向对象编程(中文)

    在本“JavaScript面向对象编程”主题中,我们将深入探讨这一概念及其在JavaScript中的应用。 1. **对象和类的概念**:在面向对象编程中,对象是数据和操作这些数据的方法的集合。在JavaScript中,对象是由键值对...

Global site tag (gtag.js) - Google Analytics