`
hongtoushizi
  • 浏览: 378915 次
  • 性别: Icon_minigender_1
  • 来自: 天津
社区版块
存档分类
最新评论

js 基于面向对象和基于原型的编程风格。

阅读更多

基于面向对象和基于原型的编程风格。

风格一:基于原型的。

function test(){

 console.log('aaaa');

     this.domReady();

     console.log('cccc');

}

 

test.prototype.domReady = function(){

    console.log('bbbbb');  

 

};

 

var test  = new test;   

 //(或)

//module.exports = new  test;  //可以通过exports,将此对象公开,以备其他地方访问。

 

 

//编程风格二:面向对象的

 

module.exports = new Ohaithere;

 

function Ohaithere(){

  console.log('aaaa');

  this.hello = function(){

    var message = "Hello from the ohaithere module";

    return message;

  };

  console.log('bbbb');

  console.log(this.hello());

 

  this.test = function(){

    console.log('jin ru  test function');

  }

  this.test();

}

 

 

两种风格要注意的是: 实例化对象的时候,基于原型的实例对象的时候,必须在声名对象的最后new,而采用面向对象的编程风格的时候都可以。

 

 

 

 

 

0
0
分享到:
评论

相关推荐

    Javascript面向对象编程.

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

    JavaScript面向对象编程指南

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

    浅析JavaScript实现基于原型对象的“继承”.pdf

    JavaScript是一门面向Web的编程语言,具有高端、动态以及面向对象的编程风格。JavaScript的基于原型的继承风格使用起来非常灵活、高效,但对于初学者,要准确理解原型对象及其继承机制还是比较困难。本文将对...

    javascript面向对象编程PDF

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

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

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

    JavaScript面向对象程序设计

    在JavaScript面向对象编程中,随着Web2.0和Ajax技术的普及,JavaScript的角色从简单的表单验证扩展到了复杂的数据交互和页面动态更新。采用面向对象的编程风格可以使代码结构更加清晰,便于管理和维护。例如,...

    javascript面向对象编程参考资料

    JavaScript是一种广泛应用于Web开发的动态、弱类型、基于原型的脚本语言,它以其灵活性和强大的功能...在提供的"js面向对象.ppt"资料中,可能包含这些主题的详细讲解,建议深入学习以提升JavaScript面向对象编程能力。

    javascript 面向对象教程

    JavaScript的面向对象编程还包括原型链、构造函数、实例化、封装和继承等概念。通过原型链,对象可以从其他对象继承属性和方法,这通常是通过`__proto__`属性或`Object.create()`实现的。构造函数通过`new`关键字来...

    面向对象基础和使用方法

    在提供的示例代码中,展示了如何使用JavaScript面向对象的方法来操作DOM元素: 1. **直接操作DOM元素**: - 获取所有`div`和`p`元素,并分别设置它们的样式。 - 这里虽然没有显式地创建对象,但可以观察到...

    Javascript面向对象基础

    10. **类(Class)语法**:虽然JavaScript是基于原型的,但ES6引入了类的概念,提供了一种更符合传统面向对象编程风格的语法糖。类的声明、继承和方法定义都变得更加直观。 通过学习这些基础知识,并结合实际例子...

    JavaScript面向对象编程指南 带目录版

    风格轻松易懂,比较适合初学者,原型那块儿讲得透彻,12种继承方式等。

    javascript面向对象技术基础

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

    JavaScript中的面向对象.pdf

    JavaScript,作为一种广泛使用的脚本语言,常常被误解为非面向对象的语言,但实际上,JavaScript完全支持面向对象编程(OOP)的三大核心原则:封装、继承和多态。尽管它的实现方式与传统的面向对象语言(如Java或C++...

    JS面向对象[定义].pdf

    总的来说,JavaScript的面向对象编程可以通过原型和构造函数实现,但需要注意变量的作用域问题。为了提高代码质量,我们需要遵循良好的编程习惯,例如使用闭包来保护私有变量,提供公共接口进行交互。此外,良好的...

    面向对象的JavaScript基础

    面向对象编程(Object-Oriented Programming,OOP)是一种编程范式,它基于“对象”的概念,这些对象包含了数据(属性)和操作数据的方法(函数)。在JavaScript中,面向对象主要包括以下三个核心概念:对象、类和...

    编写可维护面向对象的JavaScript代码[翻译]

    在JavaScript中,虽然传统意义上没有类的概念,但它支持基于原型(Prototype)的继承机制,也支持使用ES6引入的类语法来更好地支持面向对象编程。 面向对象编程具有几个核心概念,包括封装(Encapsulation)、继承...

Global site tag (gtag.js) - Google Analytics