`
jimichan
  • 浏览: 280986 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

理解javascript的类构造函数

    博客分类:
  • java
阅读更多
      
    我们经常使用new运行符去create 一个新的js对象,比如经常使用到的预定义类Date、String、Object、Function等等,这些都是宿主环境原型实现好了的。因为js可以面向对象的编程,所以我们可以自定义一些数据类型(也就类)。正如大家都知道的
我们通过这样的代码创建一个类
js 代码
 
  1. function Rectangle(w, h){  
  2.     this.width = w;  
  3.     this.height = h;  
  4. }  
那么这个类定义function和其他的函数有什么特征?
1.它使用new运行符调用
2.执行时,它将被传入一个空的object,然后让this关键字来引用这个空对象,然后你的程序里就可以对这个空的对象进行初始化了。

以上第二点是至关重要的,也可以说是构造函数运行的原理了。

另外类构造函数一般是不包含return关键字的,它将返回那个this关键字所指向的对象。
但是值得注意的是,这一点并没有被限制,你可以使用关键字return,当return关键字返回的function数据类型的对象是
如 return function(){...},那么new运算符将不会返回this对象,而是返回function数据类型的对象了。
在mootools中的类继承机制就是利用了这一点!

完毕!

水平有限,如有疏忽,请兄弟没指正!
分享到:
评论
3 楼 goalbell 2007-09-05  
To fins:
         Thanks,有没有将prototype.js压缩处理后容量是多少呢?
2 楼 fins 2007-09-05  
从官网上下载时 选择下面的不压缩就可以了
默认是 压缩
1 楼 goalbell 2007-09-05  
我想问一下mootools类库的代码是不是经过压缩处理的?怎样可以还原呢?

相关推荐

    Javascript 设计模式之构造函数模式.zip

    构造函数模式是JavaScript中的一种重要设计模式,用于创建对象。本文将深入探讨构造函数模式及其应用。 构造函数模式的核心在于使用函数来创建具有相似属性和方法的对象。在JavaScript中,函数可以作为构造函数来...

    深入理解javascript构造函数和原型对象

    在深入理解JavaScript的过程中,构造函数和原型对象是两个核心概念。JavaScript是一种基于对象(Object-based)和原型(Prototype-based)的语言,其对象模型与传统的基于类(Class-based)语言有所不同。理解构造...

    构造函数和实例

    在JavaScript中,构造函数常用于创建类的实例。 当涉及到构造函数和实例时,有几个知识点是必须掌握的: 1. 构造函数与实例的关系: 构造函数是创建特定对象类型的模板或蓝图。它定义了在创建对象实例时应该初始...

    js定义类 对象 构造函数,类的继承

    在JavaScript中,类(Class)、对象(Object)和构造函数(Constructor)是面向对象编程的基础。这篇文章将深入探讨这三个概念,以及如何实现类的继承。 首先,让我们理解什么是JavaScript中的对象。在JavaScript中...

    基于JavaScript自定义构造函数的详解说明

    在JavaScript中,我们并没有像Java或C#那样的类机制,而是通过构造函数和原型对象来实现类的概念。这篇文章将深入探讨JavaScript自定义构造函数的原理和用法。 1. **构造函数的基本概念** 构造函数的主要作用是当...

    JavaScript中构造函数与原型链之间的关系详解

    在JavaScript中,构造函数和原型链是实现面向对象编程的核心机制。它们共同构成了JavaScript的类继承模型。让我们深入探讨这两个概念及其之间的关系。 1. 构造函数(Constructor): - 构造函数是一种特殊类型的...

    AJAX入门之深入理解JavaScript中的函数.doc

    函数对象的类型是Function,可以使用`new Function()`构造函数来创建,或者使用`function`关键字声明。 当使用`new Function()`创建函数时,参数是一个或多个字符串,分别代表函数的参数名列表和函数体。例如: ``...

    JavaScript实用小函数(一)

    7. **原型链与继承**: JavaScript通过原型实现继承,每个对象都有一个`__proto__`属性,指向创建它的构造函数的原型。继承是通过`prototype`对象和`Object.create()`方法实现的。 8. **多态**: 多态是指同一消息...

    javascript函数速查

    且不能用作构造函数。 六、函数作用域 JavaScript有两种作用域:全局作用域和函数作用域。在函数内部声明的变量仅在该函数内部可见。ES6引入了块级作用域,通过let和const关键字实现,但函数作用域仍然独立于块级...

    深入理解JavaScript系列

    面向对象编程是现代软件开发的重要思想,这部分内容讲解了JavaScript中的类、对象、继承、构造函数等OOP概念,以及如何在ECMAScript环境中实现这些概念。 4. **设计模式之代理模式** 设计模式是解决常见编程问题...

    再践javascript对象、原型、属性、构造函数、扩展、json.docx

    ### JavaScript对象、原型、属性、构造函数、扩展、JSON #### JavaScript对象类型 JavaScript是一种广泛使用的脚本语言,尤其在Web开发中占据了重要的地位。它支持多种对象类型,包括内部对象、基于类的对象以及...

    javascript工厂模式和构造函数模式创建对象方法解析.docx

    ### JavaScript工厂模式与构造函数模式创建对象方法解析 #### 一、工厂模式 在JavaScript中,工厂模式是一种常用的设计模式,用于封装创建对象的过程。它通过一个函数来创建具有相似特性的多个对象实例,这些对象...

    Javascript中构造函数要注意的一些坑

    总结一下,理解JavaScript构造函数的工作原理至关重要,包括`new`关键字的作用、`this`的绑定以及严格模式的影响。在编写构造函数时,应始终确保正确使用`new`,并且谨慎处理返回值,尤其是在严格模式下。此外,使用...

    JavaScript定义类或函数的几种方式小结

    在JavaScript中,构造函数使用new关键字进行调用,它们与工厂函数相似,但不同之处在于构造函数使用this关键字来绑定新对象的属性和方法。构造函数方式的代码示例如下: ```javascript function Car(color, doors) ...

    Javascript的构造函数和constructor属性

    在 JavaScript 中,任何函数都可以作为构造函数,但通常我们会编写类(使用 ES6 引入的 class 关键字)来更直观地创建对象。 使用构造函数的一个基本示例如下: ```javascript function Person(name, age) { this...

    javascript 构造函数强制调用经验总结

    在JavaScript编程中,构造函数是一种特殊的函数,用于创建和初始化对象。构造函数通常使用new操作符来调用,...同时,理解JavaScript的执行上下文、作用域链以及this的指向也是深入掌握JavaScript构造函数所必需的。

    Javascript函数与对象

    ### JavaScript函数与...通过深入理解JavaScript的函数与对象,你可以更好地利用这门语言的强大功能,构建出更加健壮和可维护的代码。无论你是初学者还是有经验的开发者,持续学习和实践这些核心概念都是非常重要的。

    javascript(函数查询chm+语法pdf)

    这个文件可以帮助开发者快速查找和理解JavaScript内置函数、对象、方法和API,从而提升开发效率。 **JavaScript语法PDF文件:** `JavaScript高级程序设计.pdf` 通常是一本详细介绍JavaScript语法和高级概念的教程...

Global site tag (gtag.js) - Google Analytics