`
wnzz95391511
  • 浏览: 126782 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

JS基础学习三:对象模型

阅读更多
定义一个父类
function Person() {
	// Base Object
	var firstName = "Men"; // private variable

	this.getFirstName = getFirstName;

	function getFirstName() {
		return firstName;
	}
}


定义一个子类
function Student() {
	// Sub Object
	var num = "123";
	this.getNum = getNum;

	function getNum() {
		return num;
	}
}

利用prototype建立继承关系
// Establish inherit
Student.prototype = new Person();


构建一个toString函数,并扩展到原父类中
function toString() {
	var name = this.getFirstName();
	return "Name:" + name;
}

// 扩展JS对象
Person.prototype.toString = toString;


// 测试函数
function testObject() {
	var obj = new Person();

	alert(obj.getFirstName());
	alert(obj.firstName);// undefined
	alert(obj.toString());
	var student = new Student();

	alert(student.getFirstName());
	alert(student.getNum());
	alert(student.toString());
}
0
0
分享到:
评论

相关推荐

    JavaScript的基础资料(语法,DOM对象模型等)

    本文将深入探讨JavaScript的基础语法以及DOM对象模型。 一、JavaScript基础语法 1. 变量:在JavaScript中,我们使用`var`、`let`或`const`来声明变量。`var`在全局或函数作用域内有效,而`let`和`const`则在块级...

    JavaScript对象模型-执行模型

    ### JavaScript对象模型-执行模型详解 #### 一、基本数据类型 JavaScript作为一种广泛使用的脚本语言,在其设计之初便提供了一系列的基本数据类型,这些类型构成了JS语言的基础,并且是理解和运用JS的重要基石。 ...

    头歌教学实践平台 Web前端开发基础 JavaScript学习手册一:JS简介

    这使得JavaScript在处理用户交互、操作DOM(文档对象模型)、执行网络请求等方面表现出色。 1. **基础语法** - 变量:JavaScript中的变量可以使用var、let或const关键字声明,其中let和const是ES6(ECMAScript ...

    JavaScript学习基础学习心得

    #### JavaScript基础语法 1. **运算符**: - 算术运算符:`+`、`-`、`*`、`/`、`%`。 - 赋值运算符:`=、+=、-=、*=、/=、%=`。 - 比较运算符:`==、===、!=、!==、<、>、、>=`。 - 逻辑运算符:`&&、||、!`。 ...

    JavaScript基础学习笔记

    JavaScript 基础学习笔记 本资源摘要信息基于黑马视频记录的学习笔记,涵盖了 JavaScript 基础知识点,包括 HTML、CSS、JavaScript、DOM、事件处理等内容。 HTML 和 CSS 基础 * HTML 结构:head、body、title、...

    Three.js模型包

    这个"Three.js模型包"包含了各种示例使用的3D模型,非常适合开发者学习如何在Three.js环境中导入和操作3D对象。 首先,让我们了解一下Three.js的基本概念: 1. **场景(Scene)**:这是3D世界的核心,所有的物体、...

    threejs给模型添加外部轮廓demo

    在3D可视化领域,Three.js是一个非常流行的JavaScript库,它为Web浏览器提供了强大的3D图形渲染功能。本示例“threejs给模型添加外部轮廓demo”着重于如何使用Three.js来为3D模型添加外部轮廓,以提升模型在场景中的...

    web前端工程师JavaScript基础入门路径学习专题课程

    第4课 JavaScript BOM基础 学习浏览器对象模型“BOM”,可以对浏览器窗口进行访问和操作,与浏览器“对话” 第5课 JavaScript实现轮播特效 综合运用JavaScript知识,做出轮播图、tab页切换等实用特效 第6课 ...

    three.js加载坦克3D模型源码实例

    7. **JS文件**:除了three.js库本身,实例中可能还包含自定义的JavaScript代码,用于处理模型加载、光照设置、动画循环以及用户交互逻辑。这些代码通常会创建和管理场景中的对象,控制模型的显示和行为。 综上所述...

    使用threejs渲染工厂模型源码

    Three.js是基于WebGL的JavaScript库,它为开发者提供了一个简单易用的接口来创建和展示3D对象在网页上。在描述中提到的场景,Three.js被用来加载和显示3D工厂模型,这对于产品演示、虚拟现实应用或在线游戏等项目...

    JavaScript面向对象基础.ppt

    JavaScript有全局对象、内置对象、宿主对象等层次结构,如DOM(文档对象模型)和BOM(浏览器对象模型)。 8.3.2 客户端对象层次介绍 客户端对象层次主要涉及浏览器提供的对象,如window、document等。 8.3.3 ...

    JavaScript基础学习-1

    4. 浏览器对象模型:提供与浏览器交互的能力,如访问浏览器的特定功能。 JavaScript 能做的事情非常广泛,如表单验证、动态效果、游戏、图表、后端开发、移动应用开发、桌面应用甚至人工智能。 基础语法中,注释是...

    javascript基础学习资料,简单的用javascript实现的代码

    这份"javascript基础学习资料"包含了一些基本的JavaScript代码实现,是初学者掌握JavaScript语法和功能的良好资源。以下是对这些文件内容的概览: 1. **11 Javascript特效.chm**: 这个`.chm`文件很可能是一个帮助...

    three.js加载gltf模型

    GLTF是一种开放标准的3D资产交换格式,广泛用于WebGL和WebVR场景,因为它能高效地传输和加载三维模型。而three.js是JavaScript最流行的3D库之一,它提供了丰富的功能来创建和展示交互式的3D内容。 首先,我们来看`...

    JavaScript学习(一)

    5. **事件与DOM操作**:JavaScript与HTML的交互主要通过事件和DOM(文档对象模型)。事件是用户与页面交互时触发的,如点击、滚动等,可以绑定事件处理函数。DOM是HTML和XML文档的编程接口,JavaScript可以用来查找...

    JavaScript基础语法.pdf

    JavaScript基础语法是JavaScript语言的核心部分,包括ECMAScript的基础语法、DOM文档对象模型和BOM浏览器对象模型等。JavaScript是一种具有面向对象能力的、解释型的程序设计语言,主要目的是验证发往服务器端的数据...

    three3D 模型切换Demo

    three.js是JavaScript的一个强大库,专门用于创建和展示三维图形,特别是在WebGL的支持下,能够提供高性能、互动性强的3D体验。这个Demo可能是为开发者或设计师提供了一个学习和实践3D交互设计的基础平台。 在three...

    ThreeJS加载3D模型

    标题中的“ThreeJS加载3D模型”涉及到的是WebGL库Three.js的核心功能,Three.js是一个JavaScript库,用于在Web浏览器中创建和展示3D图形。它使得开发者无需深入理解底层的WebGL API,就能轻松地处理3D场景、对象、...

    js学习资源(js基础、BOM和DOM操作)

    在"js学习资源(js基础、BOM和DOM操作)"这个主题中,我们主要探讨JavaScript的基础知识,包括变量、数据类型、控制流程、函数等基本概念,以及如何使用JavaScript来操作浏览器对象模型(BOM)和文档对象模型(DOM)。...

    javascript 基础学习笔记.pdf

    JavaScript 基础知识点总结 基于给定的文件信息,本文将对 JavaScript 基础知识点进行总结和解释。 浏览器内核 在前端开发中,我们使用 HTML/CSS/JS 编写代码,并遵循 W3C 的规范。浏览器的内核或渲染引擎是...

Global site tag (gtag.js) - Google Analytics