javascript面向对象之定义成员方法实例分析

本文实例分析了javascript面向对象之定义成员方法。分享给大家供大家参考。具体如下：

javascript面向对象，定义成员方法如下所示：

代码如下:

<script language="javascript" type="text/javascript">
function Person(name,age){
 this.name = name;
 this.age = age;
 this.show = function(){
  document.write(this.name+"今年"+this.age+"岁");
 }
}
var p1 = new Person("王美人",24);
p1.show();
</script>

说明：
（1）这里用到了构造函数；
（2）this.show=function()这种定义方法，使得每个实例化的对象都拥有这个方法。如果需要某个实例化对象单独拥有，则可以将函数写在外部，然后再传递过来，如下面实例；
（3）this.show的function()内，也可以有参数。

函数在外部定义
因为javascript对象的属性与方法是动态增加的，所以可以这么定义：

代码如下:

<script language="javascript" type="text/javascript">
function Person(name,age){
 this.name = name;
 this.age = age;
}
function show(){
 window.alert("hello,"+this.name);
}
var p1 = new Person("王美人",24);
p1.show1 = show;//注意，函数后面带()与不带()的区别。带括号表示将结果给p1.show1，而不带括号表示将该函数给p1.show1。
p1.show1();
</script>

或者也可以这样定义：

代码如下:

p1.show1 = function show(){..................}

希望本文所述对大家的javascript程序设计有所帮助。

赞 (0)

相关推荐

  • javascript面向对象之this关键词用法分析

    javascript面向对象之this关键词用法分析

    本文实例分析了javascript面向对象之this关键词用法.分享给大家供大家参考.具体分析如下: 当需要初始化某个属性时,可以在原型对象内使用this关键词.如下面实例: 复制代码 代码如下: <script language="javascript" type="text/javascript"> function Person(){  this.name = "王美人";  this.age = 25; }; var p1 =

  • javascript面向对象快速入门实例

    本文深入浅出的讲述了javascript面向对象快速入门实例.分享给大家供大家参考.具体如下: javascript面向对象入门案例: 复制代码 代码如下: <script language="javascript" type="text/javascript"> function Cat(){//js中对象的定义与函数一样,不同点在于怎么样调用. } var cat1 = new Cat();//创建类实例 //js中类属性可以动态添加,并不需要写在原

  • javascript面向对象之访问对象属性的两种方式分析

    本文实例分析了javascript面向对象之访问对象属性的两种方式.分享给大家供大家参考.具体如下: javascript面向对象的访问对象属性的两种方式.如下代码所示: 复制代码 代码如下: <script language="javascript" type="text/javascript"> function Person(){}; var p1 = new Person(); p1.name="王美人"; document.

  • JavaScript使用Prototype实现面向对象的方法

    本文实例讲述了JavaScript使用Prototype实现面向对象的方法.分享给大家供大家参考.具体分析如下: prototype 是 Function 对象的一个属性,这个属性指向另一个对象. 这个对象的所有属性和方法,都会被构造函数的实例继承. 同时 prototype 又存在一个指向构造函数的引用 constructor,这样就成功的构成一个循环引用的原型链结构. 我们可以把那些不变的属性和方法,直接定义在 prototype 对象上, 节省内存开销. function Cat(name

  • JavaScript面向对象的实现方法小结

    本文实例总结了JavaScript面向对象的实现方法.分享给大家供大家参考.具体分析如下: 方法1: var person = { name: 'hello world', age: 22, sayHello:function(){ alert('I\'m 'this.name ',and I\'m ' this.age 'years old'); } }; person.sayHello();//I'm hello world, and I'm 22 years old 方法2: window

  • javascript面向对象之对象的深入理解

    本文进一步分析讲述了javascript面向对象之对象的深入理解.分享给大家供大家参考.具体分析如下: javacript面向对象程序设计中,可以理解为一切都是对象.实例代码如下: 复制代码 代码如下: <script language="javascript" type="text/javascript"> function Cat(){ } var cat1 = new Cat();//创建类实例 cat1.name = "小狗"

  • JavaScript 面向对象与原型

    JavaScript 面向对象与原型

    ECMAScript有两种开发模式:1.函数式(过程化);2.面向对象(OOP); 一 创建对象 1.普通的创建对象 // 创建一个对象,然后给这个对象新的属性和方法; var box = new Object(); // 创建一个Object对象; box.name = 'lee'; // 创建一个name属性并赋值; box.age = 100; box.run = function(){ // 创建一个run()方法并返回值; return this.name+this.age+'运行中.

  • 浅谈javascript面向对象程序设计

    ECMA-262把对象定义为:"无序属性的 集合,其属性可以包含基本值.对象或者函数" 理解对象,最简单的方式就是通过创建一个Object的实例,然后为它添加属性和方法 复制代码 代码如下: var person = new Object();         person.name = "Xulei";         person.age = "23";         person.job = "前端工程师";     

  • javascript面向对象之定义成员方法实例分析

    本文实例分析了javascript面向对象之定义成员方法.分享给大家供大家参考.具体如下: javascript面向对象,定义成员方法如下所示: 复制代码 代码如下: <script language="javascript" type="text/javascript"> function Person(name,age){  this.name = name;  this.age = age;  this.show = function(){   d

  • 《javascript设计模式》学习笔记五：Javascript面向对象程序设计工厂模式实例分析

    本文实例讲述了Javascript面向对象程序设计工厂模式.分享给大家供大家参考,具体如下: 工厂模式和单例模式(https://www.jb51.net/article/184230.htm)应该是设计模式中应用最多的模式了,工厂模式的定义:提供创建对象的接口(来自百度百科:http://baike.baidu.com/view/1306799.htm),意思就是根据领导(调用者)的指示(参数),生产相应的产品(对象). 1.简单工厂模式 简单工厂也就是按照上面的定义,根据不同的参数返回不同的

  • JavaScript进阶练习及简单实例分析

    JavaScript进阶练习及简单实例分析

    当用户点击"统计"按钮时,在窗口中弹出文本框中出现次数最多的字符并显示其出现的次数 点击统计按钮时效果如图所示: 实现代码: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8&quo

  • JavaScript继承与多继承实例分析

    JavaScript继承与多继承实例分析

    本文实例讲述了JavaScript继承与多继承.分享给大家供大家参考,具体如下: 虽然最新的EC6里边已经有了class的相关功能,但是从普及度上和阅读旧代码需求的方面来看,这点知识也得了解一下. 本文结构: ① 原理及分析 ② 简单封装后的运用 1. 继承 ① 原理及分析 先上一张图: 用这段代码的思想来实现继承,即: var inherit=function(objBase){ var F=function(){}; //第一步:定义一个函数F F.prototype=objBase; //

  • JavaScript设计模式之代理模式实例分析

    JavaScript设计模式之代理模式实例分析

    本文实例讲述了JavaScript设计模式之代理模式.分享给大家供大家参考,具体如下: 代理模式的定义,代理是一个对象(proxy)用它来控制目标对象的访问.为此他要是先与目标对象相同的接口,但是他不同于装饰者模式,它对目标对象不进行任何修改,它的目的在于延缓"复杂"对象的初始化时间.这样可以在用到这个目标对象的时候再初始化他(对于单例来讲更是重要). 代理模式有两种分类: (1)普通代理 (2)惰性代理 具体看下面的例子 第一,普通代理模式 步骤一,接口检验文件的引用 //定义一个静

  • JavaScript闭包与作用域链实例分析

    JavaScript闭包与作用域链实例分析

    本文实例讲述了JavaScript闭包与作用域链.分享给大家供大家参考,具体如下: 闭包定义 闭包指的是有权访问另一个函数作用域中的变量的函数.创建闭包的常见方式,就是在一个函数A内部创建另一个函数B,那么函数B就是一个闭包,可以访问函数A作用域中的所有变量. JavaScript的闭包与作用域链密不可分,因此本文可以和JavaScript的作用域链相对照分析,一定可以对JavaScript的闭包和作用域链有更深的理解. 下面我们仍然以createComparisonFunction为例进行闭包

  • JavaScript面向对象之七大基本原则实例详解

    本文实例讲述了JavaScript面向对象之七大基本原则.分享给大家供大家参考,具体如下: 面向对象编程有自己的特性与原则,如果对于面向对象有一些了解的话,面向对象三大特征,封装.继承.多态,如果对面向对这三个概念不太了解,请参考面向对象之三个基本特征(javaScript) 单一职责 如果我们在编写程序的时候,一类或者一个方法里面包含了太多方法,对于代码的可读性来说,无非是一场灾难,对于我们来说.所以为了解决这个问题,出现了单一职责. 什么是单一职责 单一职责:又称单一功能原则,面向对象五个基

  • javascript闭包功能与用法实例分析

    javascript闭包功能与用法实例分析

    本文实例讲述了javascript闭包功能与用法.分享给大家供大家参考,具体如下: 理解闭包 闭包这个东西,确实是很麻烦.之前我自己的理解也是有一点误差,所以今天将文章修改修改,争取将自己的理解进一步准确化. 闭包说得通熟易懂一点,就是指有权访问另一个函数作用域的变量的函数.创建闭包的常见方式,就是在一个函数内部创建另外一个函数,并返回. 我们这里举一个例子来说明,首先我们在函数f1内部定义一个函数f2. function f1(){ var n=999; function f2(){ aler

  • JavaScript中this的用法实例分析

    本文实例分析了JavaScript中this的用法.分享给大家供大家参考,具体如下: 一."this"公理 this关键字永远都指向函数(方法)的所有者: function fn1(){ this }; fn1(); //this=>window oDiv.onclick=fn1; //this=>oDiv oDiv.onclick=function(){ this //this=>oDiv fn1(); //this=>window } <div onc

随机推荐