`

JS面向对象 简单了解

 
阅读更多

对照Java类分析  每一个Function就是一个对象(类)

//构造方法
function HelloWorld(){
    alert("Hello world!");
}

 
使用JS中的prototype原型关键字进行赋值,比如为一个对象添加name属性和方法,如下:

//添加 成员变量 和 成员方法
HelloWorld.prototype={
    name:'JavaScript',
    sayHello : function(){
        alert(this.name);
    }
} 

以上注意sayHello方法中的this关键字使用和Java中this的意思一样。

 

//添加 静态属性 和 静态方法
HelloWorld.age = "26";
HelloWorld.hello=function(){
     alert(HelloWorld.age);
}

 

不使用Js的原型关键字prototype,声明对象属性和方法,如下:

function HelloWorld2(){
    var privateProp = 'hello world 2!';
    this.method = function(){
        alert(privateProp);
    }
    this.name="hammer";
}

 针对HelloWorld2测试

function _test2(){
    var obj2 = new HelloWorld2();
    obj2.method();
    alert(obj2.name);
    alert(HelloWorld2.privateProp); //undifined
    alert(obj2.privateProp);//undifined
}

 

静态方法只能是 类调用

实例方法只能是 实例对象调用

分享到:
评论

相关推荐

    《面向对象编程》CMS源码.zip

    《面向对象编程》CMS源码.zip包含了一个基于面向对象编程(OOP)的简单内容管理系统(CMS)的完整代码和相关文件。该系统是一个基本的网站后台管理系统,用于管理网站的内容,包括文章的添加、修改、删除和发布等...

    写给大家看的面向对象编程书(第3版).[美]Matt Weisfeld(带详细书签).pdf

     本书内容精炼,示例简单明了,适合各层次面向对象开发人员阅读,也是高校相关专业面向对象课程的理想教学参考书。 第1章 面向对象概念介绍 1 1.1 过程式程序设计与OO程序设计 2 1.2 从过程式开发转向面向对象...

    初步了解javascript面向对象

    基于类的对象:我们都知道面向对象的语言中有一个明显的标志,就是都有类的概念,通过类这个类似模板的东西我们可以创建许多个具有相同的属性和方法的对象。然而在ECMAScript中并没有类的概念,自然它与基于类的语言...

    《javascript设计模式》学习笔记七:Javascript面向对象程序设计组合模式详解

    本文实例讲述了Javascript面向对象程序设计组合模式。...其实从面向对象之五之后,与javascript本身关系不是很大,更重要的是设计模式的一些概念,只要了解javascript面向对象的一般知识,掌握设计模式的含义,代码

    利用javascript的面向对象的特性实现限制试用期

    Javascript是一种面向对象的脚本语言,其也具有面向对象的三大特性,但是今天我们不详细的讲解javascript的面向对象特性,今天我们简单的了解一下javascript的面向对象特性,然后学习一下怎样实现试用期的限制!

    快意编程EXT JS Web开发技术详解.part3

    《快意编程:Ext JS Web开发技术详解》首先对Ext JS进行了概述,然后通过一个简单的示例带领读者快速入门,在读者对Ext JS有了初步印象后,又重点介绍了JavaScript的面向对象技术、Ext JS API文档的使用方法、Ext JS...

    快意编程 EXT JS Web开发技术详解.pdf

    第3章 JavaScript面向对象技术 36 第4章 Ext JS框架 58 第5章 Ext JS开发模式 86 第6章 Ext JS布局 102 第7章 表单组件 125 第8章 表格组件 148 第9章 表格组件的扩充 170 第10章 树形组件 186 第11章 窗口组件 204 ...

    solidifyr:托管在云上的现代面向对象的开发环境

    在云上托管的现代面向对象的开发环境。 设计时考虑了三个核心思想: 创建一个新的协作编辑范例。 协助设计和可视化面向对象的项目。 使单元测试更加简单和易于实施。 新的协作编辑范例 Solidifyr是小团队敏捷...

    JavaScript快速开发工具箱

    为便于理解所有这些插件,本书在可能的情况下,会有意忽略一些更高级的JavaScript技术,如面向对象编程(尽管有时它们的功能更加强大)。但不使用这些高级技术并不意味着这些插件的用途会受到限制;相反,它们简单地...

    面向JavaScript开发人员的Sails.js指南:模型和蓝图

    Sails.js是通过JavaScript对象表示的,这些对象可存储在任何类型的数据存储中—关系、面向文档或其他存储。在Sails.js中开发您的第一个模型,然后开始使用Sails蓝图,后者提供了对数据驱动的应用程序无处不在的创建...

    快意编程EXT JS Web开发技术详解.part2

    《快意编程:Ext JS Web开发技术详解》首先对Ext JS进行了概述,然后通过一个简单的示例带领读者快速入门,在读者对Ext JS有了初步印象后,又重点介绍了JavaScript的面向对象技术、Ext JS API文档的使用方法、Ext JS...

    快意编程EXT JS Web开发技术详解.part1

    《快意编程:Ext JS Web开发技术详解》首先对Ext JS进行了概述,然后通过一个简单的示例带领读者快速入门,在读者对Ext JS有了初步印象后,又重点介绍了JavaScript的面向对象技术、Ext JS API文档的使用方法、Ext JS...

    JavaScript继承基础讲解(原型链、借用构造函数、混合模式、原型式继承、寄生式继承、寄生组合式继承)

     既然你想了解继承,证明你对JavaScript面向对象已经有一定的了解,如还有什么不理解的可以参考《面向对象JS基础讲解,工厂模式、构造函数模式、原型模式、混合模式、动态原型模式》,接下来讲一般通过那些方法完成...

    JavaScript语言精髓与编程实践

    javascript作为一种混合式语言的各方面特性,包括过程式、面向对象、函数式和动态语言特性等,在动态函数式语言特性方面有着尤为细致的讲述。本书的主要努力之一,就是分解出这些语言原子,并重现将它们混合在一起的...

    JavaScript捷径教程 源代码

    此外,你还将了解如何构建简单的动画对象来为页面中的元素增加动态效果。书中提到的各项技术均配有直观而简洁的示例,可帮助你快速掌握这些技术。.\r\n 本书面向具有一定的JavaScript 和DOM 脚本开发经验的Web 开发...

    quiz-app:构建了一个交互式测验演示站点以使用 JavaScript 对象以及实现简单的 div 覆盖

    互动测验 描述 测试您对老虎了解多少。 本测验共有八个问题。...展示 JavaScript 面向对象编程的应用知识,尤其是使用对象字面量。 此外,了解如何通过当今许多网站中常见的 div 覆盖来提供用户反馈。

    sxcu.js:sxcu.net的简单NodeJS API包装器

    面向对象。 就是这样!用法示例以下是一些示例,可帮助您了解包装器。 上载图片const SXCUjs = require('sxcu.js'); // require the module.const image = new SXCUjs.Image('https://sxcujs.is-ne.at/upload', '...

    《JavaScript编程精解》【节选前三章PDF】

    挺不错滴一本书,无论是初学者还是开发人员都用得...第5章和第6章将介绍两个主要的抽象方式:函数式编程和面向对象编程。第7章给出了一些如何组织程序的指导。 提示:本PDF中仅有前3张内容,以供新手入门以及试读之用。

    javascript中的 object 和 function小结

    在学习过传统的面向对象语言后,如 java c++,转学 javascript 却有点不适应,特别是 javascript 中所谓的 object(对象) function(函数),有时候会被搞晕。于是乎简单整理了下面的一些概念性的东西,方便学习和...

Global site tag (gtag.js) - Google Analytics