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

javascript面向对象之一 类

阅读更多

javascript中的类多数是用函数function表示的,当然后来大多采用了json格式的定义。

javascript中的类是用函数function表示的,如下:

function Student() {
	//定义类Student中的字段,并赋予初值,但此字段的访问权限是public 
	this.studentNo = 's001';
	this.studentName = '小明';
	this.sex = '男';
	//定义类Student中的方法updateStudentName ,用于修改studentName 值 
	this.updateStudentName = function(studentName) {
		this.studentName = studentName;
	}
}

 

/如上代码便已定义了一个Student类,并包含studentNo,studentName,sex 3个字段,方法 updateStudentName.
//然后调用updateStudentName 来修改studentName 的值,代码如下:

s.updateStudentName('小强');
alert('学号:' + s.studentNo);
alert('姓名:' + s.studentName);
alert('性别:' + s.sex);

 

//再显示结果,学号和性别自然是不会改变的啦,结果如下:
学号:s001
姓名:小强
性别:男
//未调用updateStudentName 方法之前显示出学号,姓名,性别的值分别为:
学号:s001
姓名:小明
性别:男
//下面将进行调用,代码如下:

上面的function中已经设置好了具体的值,其实在实际应用中都是后面赋值的。例如

<script> 
function Student(studentNo, studentName, sex) {
	// 定义类Student中的字段,并赋予初值,但此字段的访问权限是public
	this.studentNo = studentNo;
	this.studentName = studentName;
	this.sex = sex;
	// 定义类Student中的方法updateStudentName ,用于修改studentName 值
	this.updateStudentName = function(studentName) {
		this.studentName = studentName;
	}
}

var s = new Student("001", "小明", "男"); // 创建student类的对象
alert('学号:' + s.studentNo);
alert('姓名:' + s.studentName);
alert('性别:' + s.sex);
s.updateStudentName("脚本之家"); // 修改名字
alert('学号:' + s.studentNo);
alert('姓名:' + s.studentName);
alert('性别:' + s.sex);
</script>

 

分享到:
评论

相关推荐

    JavaScript程序设计课件:面向对象概述.pptx

    面向对象(Object Oriented,OO),注重的是一个个的对象,这些对象各司其职,我们只需发号施令,即可指挥这些对象帮我们完成任务。 6.1.1 面向过程与面向对象 1、概念 2、面向过程与面向对象的优缺点 优点 缺点 ...

    javascript面向对象之Javascript 继承

    上几节讲了 JavaScript 面向对象之命名空间 、 javascript 面向对象的JavaScript类 、 JavaScript 面向对象的之私有成员和公开成员 与 Javascript 面向对象之重载,大家可以先看上面的再继续往下看。在JavaScript...

    javascript 面向对象的JavaScript类

    在上一节面 JavaScript 面向对象之命名空间 中说了怎么定义JavaScript命名空间,这一节来说下紧接着的一个概念——类。虽然JavaScript中没有class关键字,但作为开发人员我们一定要有这个思想。在C#中类可以分为...

    Javascript 面向对象之重载

    上几节讲了 JavaScript 面向对象之命名空间 、 javascript 面向对象的JavaScript类 与 JavaScript 面向对象的之私有成员和公开成员 ,大家可以先看上面的再继续往下看。假如 我这样定义: 代码如下: function ...

    JavaScript 面向对象的之私有成员和公开成员

    上两节讲了 JavaScript 面向对象之命名空间 与 javascript 面向对象的JavaScript类,大家可以先看上面的再继续往下看。其实很简单,废话少说,看了下面的代码及注释相信你就会一目了然! 代码如下: //声明类,就是一...

    javascript面向对象三大特征之多态实例详解

    本文实例讲述了javascript面向对象三大特征之多态。分享给大家供大家参考,具体如下: 多态 从某种意义上来说,多态是面向对象中重要的一部分,也是实施继承的主要目的。 一个实例可以拥有多个类型,它既可以是这种...

    学习javascript面向对象 javascript实现继承的方式

    1、【原型链继承】实现的本质是重写原型对象,代之以一个新类型的实例。实际上不是SubType的原型的constructor属性被重写了,而是SubType的原型指向了另一个对象——SuperType的原型,而这个原型对象的construtor...

    javascript面向对象之一 定义类

    javascript中的类多数是用函数function表示的,当然后来大多采用了json格式的定义。

    javascript面向对象三大特征之封装实例详解

    本文实例讲述了javascript面向对象三大特征之封装。分享给大家供大家参考,具体如下:封装封装(Encapsulation):就是把对象内部数据和操作细节进行隐藏。很多面向对象语言都支持封装特性,提供关键字如private来隐藏...

    JavaScript面向对象之Prototypes和继承

    一、前言 本文翻译自微软的牛人Scott Allen Prototypes and Inheritance in JavaScript ,本文对到底什么是Prototype和为什么通过Prototype能实现继承做了详细的分析和阐述,是理解JS OO 的佳作之一。翻译不好的地方...

    javascript 面向对象编程基础:封装

    “在面向对象的思想中,最核心的概念之一就是类。一个类表示了具有相似性质的一类事物的抽象,通过实例化一个类,可以获得属于该类的一个实例(即对象)”。

    JavaScript面向对象之体会[总结]

    谈JavaScript的面向对象设计有点牵强,毕竟JavaScript语言本身没有高级语言严谨。看这篇文章之前,希望大家了解c++、java、c#等高级语言,有面向对象编程的基础知识。 1.类的定义: function ClassName(){ } 大家...

    面向对象的程序设计(01)

    面向对象的程序设计:ECMA-262 对对象的定义为:无序的属性集合,其属性包含 ECMAScript 中的基本类型、对象及函数。 简单来讲,对象就是一组没有顺序的值。 对象的每个属性或者方法都有一个标识名,而每个标识名都...

    详解JavaScript基于面向对象之继承实例

    javascript面向对象继承的简单实例: 作为一门面向对象的语言,继承自然是它的一大特性,尽管javascript的面向对象的实现机制和和c#和java这样典型的面向对象不同,但是继承的基本特点还是具有的,简单的说就是获得...

    js面向对象编程实例之计算器

    js面向对象编程之计算器实例。html页面,下载即可运行,如果是ie浏览器,记得允许javascript运行才可以看到。

    JavaScript 面向对象之命名空间

    对于这种情况我们就需要使用面向对象的思想来开发JavaScript。那我们就这样作罢: 对于一个项目,首先要有个命名空间。所以我们首先要做的是定义一个函数来注册命名空间。代码如下: 代码如下: // 声明一个全局对象...

    详解JavaScript基于面向对象之创建对象(1)

    这一次我们深入的学习一下JavaScript面向对象技术,在学习之前,必要的说明一下一些面向对象的一些术语。这也是所有面对对象语言所拥有的共同点。有这样几个面向对象术语: 一、对象  ECMA-262把对象(object)定义为...

    Javascript OOP之面向对象

    Javascript是一种基于对象(object-based)的语言,你遇到的所有东西几乎都是对象。但是,它又不是一种真正的面向对象编程(OOP)语言,因为它的语法中没有class(类)。

Global site tag (gtag.js) - Google Analytics