JS 中面向对象的5钟写法
//第1种写法
function Circle(r) {
this.r = r;
}
Circle.PI = 3.14159;
Circle.prototype.area = function() {
return Circle.PI * this.r * this.r;
}
var c = new Circle(1.0);
alert(c.area());
1. //第2种写法
2. var Circle = function() {
3. var obj = new Object();
4. obj.PI = 3.14159;
5.
6. obj.area = function( r ) {
7. return this.PI * r * r;
8. }
9. return obj;
10. }
11.
12. var c = new Circle();
13. alert( c.area( 1.0 ) );
• //第3种写法
• var Circle = new Object();
• Circle.PI = 3.14159;
• Circle.Area = function( r ) {
• return this.PI * r * r;
• }
•
• alert( Circle.Area( 1.0 ) );
1. //第4种写法
2. var Circle={
3. "PI":3.14159,
4. "area":function(r){
5. return this.PI * r * r;
6. }
7. };
8. alert( Circle.area(1.0) );
1. //第5种写法
2. var Circle = new Function("this.PI = 3.14159;this.area = function( r ) {return r*r*this.PI;}");
3.
4. alert( (new Circle()).area(1.0) );
分享到:
相关推荐
在提供的资源中,《代码之美》PDF文件可能包含了关于编程实践和代码风格的指导,而《Javascript面向对象编程》PPT可能更具体地阐述了JavaScript OOP的细节和示例。学习这些材料将有助于深入理解JavaScript的面向对象...
《MooCSS:模块化面向对象的CSS写法详解》 在现代Web开发中,CSS已经从简单的样式语言发展为复杂、高效的样式管理系统。MooCSS(Module-Oriented Object CSS)是一种基于模块化和面向对象思想的CSS编写方式,旨在...
以下将详细介绍标题和描述中提到的四种常见的JavaScript面向对象写法以及`this`关键字的使用。 1. **工厂模式** 工厂模式是通过函数来创建对象,它不直接关联构造函数。在给定的例子中,`Circle`函数创建了一个新...
JavaScript是一种广泛...通过深入学习这本《JavaScript面向对象编程指南(第2版)》,开发者不仅能掌握JavaScript的面向对象编程基础,还能了解到实际项目中如何有效地运用这些知识,提升编程技巧和解决问题的能力。
在JavaScript中,面向对象编程(OOP)是创建复杂、可维护代码的一种重要方式。这里我们探讨五种不同的实现面向对象的方法,每种方法都有其特点和适用场景。 1. **构造函数+原型链(第1种写法)** 这是最常见的面向...
-目的说明它是在第1,2阶段文档演示的JavaScript面向对象的书写方式的进一步改进,它是现代JavaScript面向对象编程方式(使用基本类来编码)的过渡代码--没有它就没有当今的JS OOP--此人非常牛!!! 4. 最后使用IE...
4. 类与继承:在ES6中,引入了`class`语法糖,虽然在JavaScript引擎底层仍然是基于原型的实现,但提供了更接近传统面向对象语言的写法。例如,我们可以创建一个`EnemyPlane`类继承自`Plane`,添加敌机特有的行为。 ...
面向对象写的一个点击选项卡,复用这个面向对象写法,同时为不同的添加不一样的方法
JavaScript面向对象基础PPT,讲述了何谓面向对象、面向对象特点、组成及写法、工厂模式、原型以及如何将普通面向过程的代码转换为面向对象的基本原则
以上就是JavaScript面向对象编程的一些关键概念,理解并熟练应用这些知识可以帮助开发者编写出更加高效、可维护的代码。在实际项目中,结合设计模式,如工厂模式、单例模式、观察者模式等,可以进一步提高代码质量。
在比较正规的面向对象写法中,我们可以使用构造函数来创建对象。构造函数通常首字母大写,使用new关键字来调用,并且它们可以配合原型(prototype)来实现对象方法的共享。使用构造函数和原型的方式创建Circle类的...
在"拖拽面向对象写法"的文件中,应该包含了实现上述功能的代码示例。通过分析和学习这个示例,你可以更好地理解如何在JavaScript中结合面向对象和拖拽特效。同时,这也将帮助你掌握如何通过继承扩展已有功能,从而...
本教程将深入探讨如何使用原生JavaScript实现一个无缝轮播效果,同时结合面向对象编程思想进行代码组织,提高代码复用性和可维护性。 ### 1. 基本思路 无缝轮播的核心在于通过改变图片的位置或CSS属性,使得用户...
尽管JavaScript的原始OOP机制基于原型,但ES6引入了类语法,它提供了一种更接近传统面向对象语言的写法,但底层仍然基于原型。类的实例化、继承、静态方法等都可以通过类语法实现。 9. **模块系统** JavaScript有...
本文档主要探讨了高级的面向对象写法,包括类的创建、继承、混入和实例化,以及模块化、沙盒机制、模块间解耦和按需加载等主题。 1. **创建类、继承、混入、实例化** JavaScript并非基于类的语言,而是基于原型。...
写选项卡的时候,要改变为面向对象的写法,面向兑现的写法更容易扩展或者维护,这里是文章的Markdown文档,需要的可以下载浏览,如有错误,欢迎指出 谢谢
JavaScript是一种广泛应用于Web开发的脚本语言,尤其在构建交互式网页和...这份"JavaScript面向对象程序程序设计PPT与代码"资源将详细解释这些概念,并可能包含实际示例,帮助你深入理解和应用这些面向对象编程技术。
以上是JavaScript面向对象编程的基础知识,包括构造函数、原型链、ES6的类、继承以及封装和多态的概念。通过深入理解和实践这些概念,开发者能够编写出更加复杂和模块化的JavaScript应用程序。尽管提供的电子书不...