`
liss
  • 浏览: 844007 次
  • 性别: 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面向对象编程.

    在提供的资源中,《代码之美》PDF文件可能包含了关于编程实践和代码风格的指导,而《Javascript面向对象编程》PPT可能更具体地阐述了JavaScript OOP的细节和示例。学习这些材料将有助于深入理解JavaScript的面向对象...

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

    Zakas编写,是面向对象编程领域中的权威指南之一,尤其针对JavaScript这门语言。作者深入浅出地介绍了面向对象编程的基本原理以及如何将这些原理应用于JavaScript中。 #### 二、面向对象编程基础 面向对象编程...

    JAVASCRIPT 面向对象编程精要

    ### JavaScript面向对象编程精要 #### 一、引言 JavaScript是一种灵活且强大的脚本语言,它虽然起源于一种简单的浏览器脚本语言,但随着时间的发展,JavaScript已经成为了一种功能全面的编程语言,尤其是在Web开发...

    JavaScript面向对象编程指南

    这些只是JavaScript面向对象编程的一些基本概念和技巧,实际应用中还有更深入的模式和策略,如模块化、设计模式等。理解并熟练运用这些概念,将有助于你编写出更加高效、可维护的JavaScript代码。

    javascript面向对象编程.pdf

    总而言之,学习现代JavaScript面向对象编程,有助于开发者在认识这门语言演化的基础上,运用面向对象的设计和编程模式来构建更加健壮和可维护的JavaScript应用程序。同时,测试和调试是保证代码质量不可或缺的环节,...

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

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

    JavaScript面向对象基础.ppt

    在JavaScript中,面向对象编程(OOP)是其核心概念之一,允许开发者通过类和对象来组织和管理代码,提高代码的可重用性和可维护性。 8.1 面向对象术语 面向对象编程的基础包括类、对象、继承和多态等概念。类是对象...

    JavaScript面向对象编程指南.pdf

    ### JavaScript面向对象编程指南 #### 一、面向对象编程(OOP)简介 面向对象编程(Object-Oriented Programming,简称OOP)是一种编程范式,它通过“对象”这一概念来设计软件。在OOP中,对象是数据和操作这些数据...

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

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

    Javascript面向对象基础.rar

    在这个“JavaScript面向对象基础”的资料中,我们将会探讨JavaScript中的类、对象、封装、继承以及多态等关键概念。 1. **对象与对象字面量** 在JavaScript中,对象是由键值对组成的无序集合,可以使用对象字面量...

    JavaScript面向对象高级编程

    1. **继承**:继承是OOP的核心概念之一,它允许我们创建一个类,该类继承了另一个类的属性和方法。继承机制是实现代码重用和创建类之间层次结构的有效方式。JavaScript中实现继承的机制与传统面向对象语言有所不同,...

    JavaScript 面向对象编程

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

    javascript面向对象编程(中文)

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

    javascript面向对象编程PDF

    原型是JavaScript面向对象编程的一个核心概念,每个对象都有一个原型对象,通过它可以继承其他对象的属性和方法。 程序示例分析: 在文档提供的代码示例中,Lecture类和Schedule类展示了如何在JavaScript中实现面向...

    Javascript面向对象基础

    下面我们将详细探讨JavaScript面向对象的基础知识。 1. **对象和数据类型**: 在JavaScript中,一切都是对象,包括基本数据类型(如字符串、数字、布尔值)。然而,与数字或字符串不同,对象是键值对的集合,可以...

    javascript面向对象之对象的深入理解.docx

    ### JavaScript面向对象之对象的深入理解 #### 一、引言 在JavaScript中,对象是其核心组成部分之一,几乎所有的操作都是围绕着对象来进行的。本文将深入探讨JavaScript中的对象概念,通过具体示例帮助读者更好地...

    javascript面向对象编程

    通过这种方式,JavaScript面向对象编程不仅包括了代码的实际编写,还包括了测试和调试的环节,确保代码的质量和可维护性。学习和掌握面向对象编程的方法是学习JavaScript的重要一环,对于任何想要深入学习并掌握...

Global site tag (gtag.js) - Google Analytics