`

javascript面向对象的知识总结

 
阅读更多

面向对象的三大特征:封装、继承、多态。

面向对象的语言有一个标志,那就是类的概念,而通过类可以创建任意多个具有相同属性和方法的对象


创建一个对象然后给对象新建属性和方法。

第一种方法:

   

var box=new Object();

box.name='wang';//创建一个name属性并赋值

box.age=100;//创建一个age属性并赋值

box.run=function(){
  return this.name+" "+this.age+'运用中';
}

alert(box.run());//输出属性和方法的值
//输出结果为:
//=>wang 100运行中 

 

上面创建了一个对象,并且创建了其属性和方法,在run方法中的this,就是代表box对象本

身,这是js中创建对象最基本的方式,但如果需要创建多个对象就会产生大量的代码。

为了解决多个类似对象声明的问题我们可以使用一种叫做“工厂模式”的方法,这种方法就是

为了解决实例化对象产生大量重复的问题。

第二种方法:

function creatObject(name,age){ //集中实例化函数
  
  var obj=new Object();
  
  obj.name = name;
  
  obj.age = age;
  
  obj.run = function(){
  
    return this.name+" "+this.age+"运用中...";
  
  }
  
  return obj;

}



调用以上方法构建实例对象:

var box1 = createObject('Lee', 100);//第一个实例

var box2 = createObject ('Jack',200);//第二个实例

alert(box1.run());   

//输出结果为:

//Lee 100运行中...

alert(box2.run());   

//输出结果为:

//Jack 200运行中...

采用构造函数的方法来构建相应的对象:
function Box(name,age){//构造函数模式

  this.name=name;

  this.age=age;
  this.run=function(){

    return this.name+this.age+"运用中"

  };

};

var box1=new Box("Lee","100");

var box2=new Box("Jack","200");

alert(box1.run);
//输出结果为:
//=>Lee100运用中
alert(box1 instanceof Box);
//输出结果为:
//=>true 
//表示box1属于Box

使用了构造函数的方法,和使用工厂模式的方法他们不同之处如下:

1.构造函数方法没有显示的创建对象(new Object());
2.直接将属性和方法赋值给 this 对象;
3.没有 renturn 语句。
构造函数的方法有一些规范:
1.函数名和实例化构造名相同且大写,(PS:非强制,但这么写有助于区分构造函数和
普通函数);
2.通过构造函数创建对象,必须使用 new 运算符。




 

分享到:
评论

相关推荐

    javascript面向对象要点总结

    ### JavaScript面向对象要点总结 在JavaScript中,面向对象编程(OOP)是一种广泛采用的编程范式,它允许开发者创建可重用、模块化的代码。本文将深入探讨JavaScript面向对象的关键概念,包括构造函数、原型链、...

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

    ### 面向对象JavaScript精要 #### 一、书籍概览 本书《面向对象JavaScript精要》由Nicholas C. Zakas编写,是面向对象编程领域中的权威指南之一,尤其针对JavaScript这门语言。作者深入浅出地介绍了面向对象编程的...

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

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

    javascript面向对象总结

    以上内容主要源自于“javascript面向对象总结”这篇博文,通过深入学习这些知识点,开发者可以更好地理解和应用JavaScript的面向对象特性,从而编写出更加高效和易于维护的代码。通过`extends.js`和`new.js`这两个...

    JavaScript面向对象编程指南 第2版 高清 带索引书签目录_样章.pdf

    从所提供的文件信息中,我们可以总结以下几点与“JavaScript面向对象编程指南 第2版 高清 带索引书签目录_样章.pdf”相关的重要知识点。 首先,该文件提到的书籍是关于JavaScript面向对象编程的,面向对象编程...

    javascript面向对象编程pdf

    总结来说,JavaScript面向对象编程涵盖了从基本原理到实现细节的多个方面,包括但不限于对象、构造函数、原型链、继承以及封装等。本书系统地介绍了这些知识点,并通过实例演示了如何在现代JavaScript中实现OOP,...

    基于闭包的JavaScript面向对象编程框架.pdf

    本文总结了基于闭包的JavaScript面向对象编程框架的设计和实现。通过使用闭包,实现了基于类的面向对象编程的封装、继承和多态特征。 闭包(Closure)是JavaScript中的一种编程技术,通过闭包,可以实现基于类的...

    Javascript 面向对象编程小结

    最后,`demo.html`可能是一个示例网页,展示了如何在实际项目中使用上述的JavaScript面向对象编程技术。它可能包含了HTML结构,以及引入`JSLogger.js`的脚本,通过创建和操作对象来展示其功能。 总的来说,这篇博客...

    JavaScript面向对象编程

    ### JavaScript面向对象编程详解 #### 一、面向对象的基本概念 面向对象编程(Object-Oriented Programming, OOP)是一种程序设计范式,其核心思想是将数据与处理这些数据的方法封装在一起,形成一个个对象。在...

    JavaScript面向对象编程指南

    在探讨《JavaScript面向对象编程指南》这一主题时,我们不仅会深入分析面向对象编程(OOP)的基本概念,还会结合JavaScript这种脚本语言的特点,详细阐述如何在实际开发中有效地运用面向对象思想。以下是对该指南核心...

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

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

    [推荐]javascript 面向对象技术基础教程

    本文将深入浅出地讲解JavaScript中的面向对象技术基础,包括对象、数组、函数、类、构造函数以及原型等方面的知识。 首先,让我们来看看对象和数组。在JavaScript中,对象是键值对的集合,这些键通常是字符串,对应...

    JavaScript面向对象-动力节点共7页.pdf.z

    总结来说,JavaScript面向对象编程是现代Web开发不可或缺的一部分,掌握这些基本概念和技术对于提升JavaScript编程能力至关重要。通过学习和实践,开发者可以更好地理解和应用这些知识,构建高效、可扩展的前端和...

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

    在这个名为"小游戏JavaScript面向对象编程贪吃蛇"的项目中,我们将深入探讨如何利用JavaScript的面向对象特性来实现经典的贪吃蛇游戏。 贪吃蛇游戏的核心概念包括蛇、食物、边界和游戏状态。在JavaScript中,我们...

    JavaScript语言基础知识点总结

    - 类(Class):提供了面向对象编程的语法糖。 - 解构赋值:允许从数组或对象中提取数据,分配到变量。 - 模块(Module):通过`import`和`export`进行模块化管理。 - 布尔短路赋值:`a ||= b`。 - 可选链:`...

Global site tag (gtag.js) - Google Analytics