`
wangyongfei
  • 浏览: 23214 次
  • 性别: Icon_minigender_1
文章分类
社区版块
存档分类
最新评论

js面向对象的常用模式

阅读更多

1.构造函数模式测试 构造函数首字母大写,没有显式地创建对象,将属性和方法赋值给了 this 对象,没有return语句。

function CPerson(name,sex,age) {
this.name = name;
this.sex = sex;
this.age = age;
this.show = function () {
console.log(this.name, this.age, this.sex);
}
}
var p1 = new CPerson('wangyongfei','男','23');
p1.show();
//wangyongfei 23 男

2.原型模式
每个函数都有一个prototype属性,这个属性是一个指针,指向一个对象。而这个对象的用途是 包含可以由 特定类型 的所有 实例 共享的属性和方法。即调用构造函数所创建的那个对象的 原型对象好处是可以让所有对象的实例共享他的属性的方法。无需在构造函数中定义实例的信息。

function CPerson(){
}
CPerson.prototype.name='wangyongfei';
CPerson.prototype.sex='男';
CPerson.prototype.age=23;
CPerson.prototype.show=function(){
console.log(this.name, this.age, this.sex);
}
var p1 = new CPerson();
p1.show(); 
//wangyongfei 23 男

3.组合使用构造函数和原型模式
该方式利用构造函数定义实例属性、利用原型定义方法和共享的属性,结果每个实例都有一份实例属性的副本,而且共享着方法的引用,应用最多。

function CPerson(name,sex,age) {
this.name = name;
this.sex = sex;
this.age = age;
}
CPerson.prototype.show=function(){
console.log(this.name, this.age, this.sex);
}
var p1 = new CPerson('wangyongfei','男','23');
p1.show();
//wangyongfei 23 男

 


 

分享到:
评论

相关推荐

    面向对象js开发钟表

    在JavaScript编程中,面向对象(Object-Oriented Programming, OOP)是一种常用的设计模式,它允许我们通过模拟现实世界中的实体来创建复杂、可维护的代码。在这个“面向对象js开发钟表”的项目中,我们将深入探讨...

    Javascript面向对象基础

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

    Javascript面向对象设计一 工厂模式.docx

    本文主要探讨的是工厂模式,这是面向对象设计中的一种常用模式,用于抽象对象的创建过程。 ### 工厂模式的基本概念 工厂模式的核心思想是通过一个工厂函数来创建对象,而不是直接new一个特定的构造函数。这样做的...

    javascript面向对象

    ### JavaScript面向对象编程详解 #### 一、现代JavaScript概述 随着技术的发展,JavaScript这门语言逐渐从最初的简单脚本语言成长为现在广泛应用于Web前端、后端甚至桌面应用的强大编程工具。现代JavaScript具备...

    javascript面向对象编程PDF

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

    面向对象js开发扫雷小游戏

    在JavaScript(JS)编程语言中,面向对象编程(Object-Oriented Programming,OOP)是一种常用的设计模式,它允许我们创建复杂、可复用的代码结构。扫雷小游戏的实现,正是利用了OOP的概念来构造游戏逻辑。下面将...

    axios 面向对象封装

    在IT行业中,面向对象编程(Object-Oriented Programming, OOP)是一种常用的设计模式,它将数据和操作数据的方法组织成对象,使得代码更易于理解和维护。在JavaScript中,我们通常使用类(class)来实现面向对象的...

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

    1.本书是唯一一本介绍JavaScript面向对象编程的图书。, 2.本书作者是知名的Web开发人员和作者。受到国内众多前端开发人员,如淘宝UED团队的推崇和推荐。 Stoyan Stefanov:Facebook公司工程师、作家、演说家。他经常...

    javascript面向对象技术基础

    JavaScript 面向对象技术是编程中的核心概念,尤其在Web...以上就是JavaScript面向对象技术的基础知识,包括对象、构造函数、原型、继承、模式等关键概念。掌握这些内容对于编写高效、可维护的JavaScript代码至关重要。

    小游戏JavaScript面向对象编程贪吃蛇

    在“小游戏JavaScript面向对象编程贪吃蛇”这个主题中,我们将深入探讨如何利用JavaScript的OOP特性来实现经典的贪吃蛇游戏。 首先,我们需要理解贪吃蛇游戏的基本逻辑。游戏中有蛇、食物和边界三个核心元素。蛇会...

    JS面向对象之多选框实现

    在本篇标题为“JS面向对象之多选框实现”的文章中,主要讨论了如何利用JavaScript中的面向对象编程技术来实现一个多选框的功能。面向对象编程(Object-Oriented Programming,简称OOP)是一种编程范式,它使用“对象...

    javascript的基础语法,面向对象的实现和设计模式实现

    面向对象的实现 设计模式实现 模块化开 javascript 常见的疑问 jQuery NodeJs html5 Javascript based 1.对象 JavaScript 引用 2.JavaScript this 3.JavaScript 闭包 4.JavaScript 事件 5.javascript 跨域 6....

    js 面向对象

    标题“js 面向对象”表明这本书的内容主要围绕JavaScript语言中的面向对象编程展开。...通过这些知识点,读者可以对该书的内容有一个初步的了解,同时也可以对JavaScript面向对象编程有一个较为全面的认识。

    JS面向对象之单选框实现

    【JS面向对象之单选框实现】在JavaScript中,面向对象编程是一种常用的设计模式,它允许我们通过类和对象来组织代码,使得代码更易于理解和维护。本篇内容主要讲解如何利用面向对象的方法来实现单选框的功能。 首先...

    js面向对象之常见创建对象的几种方式(工厂模式、构造函数模式、原型模式)

    在上篇文章给大家介绍了javascript面向对象基础,本篇文章继续深入学习javascript面向对象,JS的语法非常灵活,简单的对象创建就有好几种不同的方法。这些过于灵活的地方有时候确实很让人迷惑,那么今天我们就来梳理...

    javascript设计模式与开发实践

    本书在尊重《设计模式》原意的同时,针对JavaScript语言特性全面介绍了更适合JavaScript程序员的了16个常用的设计模式,讲解了JavaScript面向对象和函数式编程方面的基础知识,介绍了面向对象的设计原则及其在设计...

    ext面向对象和继承

    在JavaScript的世界里,面向对象(Object-Oriented Programming, OOP)是一种常用的设计模式,它允许我们通过类和对象来组织代码,实现代码的复用和模块化。本篇文章将探讨EXTJS框架中的面向对象机制,特别是继承的...

    JavaScript 基础教程面向对象

    以上就是JavaScript面向对象的核心概念,理解并熟练掌握这些知识点,对于编写高效、可维护的JavaScript代码至关重要。在实际编程中,应根据项目需求灵活运用各种面向对象设计模式,以提高代码的可读性和复用性。

Global site tag (gtag.js) - Google Analytics