易截截图软件、单文件、免安装、纯绿色、仅160KB

Javascript 面向对象编程(一):封装


学习Javascript,最难的地方是什么?
我觉得,Object(对象)最难。因为Javascript的Object模型很独特,和其他语言都不一样,初学者不容易掌握。
下面就是我的学习笔记,希望对大家学习这个部分有所帮助。我主要参考了Object-Oriented JavaScript和Professional JavaScript for Web Developers (2nd Edition)这两本书。它们都是非常优秀的Javascript读物,推荐阅读。
笔记分成两部分。今天的第一部分是讨论"封装"(Encapsulation),下一次的第二部分讨论"继承"(Inheritance)。
============================
Javascript 面向对象编程(一):封装
作者:阮一峰
Javascript是一种基于对象(object-based)的语言,你遇到的所有东西几乎都是对象。但是,它又不是一种真正的面向对象编程(OOP)语言,因为它的语法中没有class(类)。
那么,如果我们要把"属性"(property)和"方法"(method),封装成一个对象,甚至要从原型对象生成一个实例对象,我们应该怎么做呢?
1. 生成对象的原始模式
假定我们把猫看成一个对象,它有"名字"和"颜色"两个属性。
  var Cat = {
    name : '',
    color : ''
  }
现在,我们需要根据这个原型对象,生成两个实例对象。
  var cat1 = {};
    cat1.name = "大毛";
    cat1.color = "黄色";
  var cat2 = {};
    cat2.name = "二毛";
    cat2.color = "黑色";
好了,这就是最简单的封装了。但是,这样的写法有两个缺点,一是如果多生成几个实例,写起来就非常麻烦;二是实例与原型之间,没有任何办法,可以看出有什么联系。
2. 原始模式的改进
我们可以写一个函数,解决代码重复的问题。
  function Cat(name,color){
    return {
      name:name,
      color:color
    }
  }
然后生成实例对象,就等于是在调用函数:
  var cat1 = Cat("大毛","黄色");
  var cat2 = Cat("二毛","黑色");
这种方法的问题依然是,cat1和cat2之间没有内在的联系,不能反映出它们是同一个原型对象的实例。
3. 构造函数模式
为了解决从原型对象生成实例的问题,Javascript提供了一个构造函数(Constructor)模式。
所谓"构造函数",其实就是一个普通函数,但是内部使用了this变量。对构造函数使用new运算符,就能生成实例,并且this变量会绑定在实例对象上。
比如,猫的原型对象现在可以这样写,
  function Cat


相关文档:

JavaScript题型

 1.如何获取表单<select>域的选择部分的文本?
<form name="a">
<select name="a" size="1" onchange="_sel(this)">
<option value="a">1</option>
<option value="b">2</option>
<option value="c">3</option>
< ......

[转帖]JavaScript窗体大小

[转帖]JavaScript窗体大小
网页可见区域宽:document.body.clientWidth
网页可见区域高:document.body.clientHeight
网页可见区域宽:document.body.offsetWidth (包括边线的宽)
网页可见区域高:document.body.offsetHeight (包括边线的宽)
网页正文全文宽:document.body.scrollWidth
网页正文全文高:docume ......

JavaScript实现页面传值

我还是菜鸟,请大家多指教!
页面一:
<html>
 <head>
  <title> 页面传值一 </title>
  <script>
    function funShow()
 {
    var arr=new Array(6);
       var arrs = showModalDialog("页 ......

用JavaScript来实现一些简单的控件验证

页面一:
<html>
 <head>
  <title> 验证与提交一 </title>
   <script>
    function focusSelect(ID)   //当验证不能通过时获得验证控件的焦点和内容
 {
        document.getElementById(I ......

JavaScript学习笔记(五)

1.在HTML中使用<script>元素引入JavaScript。
   该元素有两个属性,language声明要使用的脚本语言,src属性是可选的,用于引用外部JavaScript文件。
   NB
:现在大多使用type属性(type=“text/javascript”)替代language属性,以便更好地支持XHTML(可扩展HTML)。
2.一般认为 ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号