JavaScript面向对象编程笔记

JavaScript版本的问题：
在开发过程中经常会碰到一些版本问题，在看一些文章的时候经常没有说明一下运行的环境及相关的软件版本等，可能造成很大的误解。
目前常用的版本是JavaScript1.2，如 <SCRIPT LANGUAGE="JavaScript1.2"></script>,如果没有写版本号，默认按最高的版本运行。如：<SCRIPT LANGUAGE="JavaScript"></script>
还有两个版本是 <SCRIPT LANGUAGE="JavaScript1.0"></script>和<SCRIPT LANGUAGE="JavaScript1.1"></script>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> 脚本测试窗口 </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<SCRIPT LANGUAGE="JavaScript1.2">
<!--
    var homer = {name:'adfsadf',age:34,married:true} //这种创建对象的方式只适用于1.1及以后的版本。
    function Rectangle(w,h)//构造函数
    {
        this.width = w;
        this.height = h;
        return null; //这行可以不写。（测试用）如果在1.0版本中，构造函数返回值后，后面的ret1就是null了，当取ret1.width的时候就会报错。
    }

function Test(obj)
    {
        //delete homer.name;//在1.2版本中新增加的功能，可以完成把这个属性删除。以前的版本只能实现homer.name=null 的效果。
//        for(var i in homer)
//        {
//            alert(i);
//        }
        var ret1 = new Rectangle(11,12);

alert("测试成功！"+ ret1.width + "|"+ ret1.height);
var ret2 = new Rectangle(13,12);

alert("测试成功！"+ ret2.width + "|"+ ret2.height);
}
//-->
</SCRIPT>
</HEAD>
<BODY>
<INPUT TYPE="button" name="btn1" value="测试" οnclick="Test(this);">
</BODY>
</HTML>

方法：

在1.0的时候只能这样定义对象的方法：
    function Rectangle(w,h)//构造函数
    {
        this.width = w;
        this.height = h;
        this.area = compute_area;//在1.0的时候只能这样写或者这样写@1
        return null; //这行可以不写。（测试用）如果在1.0版本中，构造函数返回值后，后面的ret1就是null了，当取ret1.width的时候就会报错。
    }

function compute_area()
    {
        return this.width * this.height;
    }

function Test(obj)
    {

        var ret1 = new Rectangle(11,12);
        ret1.area = compute_area; //在1.0的时候只能这样写或者这样写：查看@1

        alert("测试成功！"+ ret1.width + "|"+ ret1.height + "|"+ret1.area()+ "|"+ret1.area);
        var ret2 = new Rectangle(13,12);

alert("测试成功！"+ ret2.width + "|"+ ret2.height);
}
1.1以后引入了更好的方法（引入了原型对象的概念相当于继承类）： prototype属性可以设置为适当的对象。增加了以原型对象为基础的继承机制，具备了面向对象语言的三个特性（封装、继承、多态）所以说javascript也是一种面向对象的语言。只是不同于java和C++等以类为基础的继承机制。

Java中有一条常用的约定，那就是命名类时以大写字母开头，命名对象时以小写字母开头。JavaScript也可以沿用这一规则。定义类的时候第一个字母都用大写的字母，创建类的实例的时候第一个字母都是小写。

转载于:https://www.cnblogs.com/liubiqu/archive/2008/03/26/1123759.html

JavaScript面向对象编程笔记相关推荐

《javascript面向对象编程指南》读书笔记
<javascript面向对象编程指南>读书笔记 <javascript面向对象编程指南>读书笔记第一章面向对象的JavaScript 第二章基本数据类型与流程控制变量 ...
(转)Javascript 面向对象编程（一）：封装
它们都是非常优秀的Javascript读物,推荐阅读. 笔记分成三部分.今天的第一部分是讨论"封装"(Encapsulation),后面的第二部分和第三部分讨论"继承&q ...
JavaScript 面向对象编程（四） —— 正则表达式
本篇为 JavaScript 进阶 ES6 系列笔记第四篇,将陆续更新后续内容.参考:JavaScript 进阶面向对象 ES6 : 系列笔记: JavaScript 面向对象编程(一) -- 面向对 ...
JavaScript 面向对象编程（三） —— 函数进阶 / 严格模式 / 高阶函数 / 闭包 / 浅拷贝和深拷贝
本篇为 JavaScript 进阶 ES6 系列笔记第三篇,将陆续更新后续内容.参考:JavaScript 进阶面向对象 ES6 :ECMAScript 6 入门系列笔记: JavaScript 面 ...
JavaScript 面向对象编程（二） —— 构造函数 / 原型 / 继承 / ES5 新增方法
本篇为 JavaScript 进阶 ES6 系列笔记第二篇,将陆续更新后续内容.参考:JavaScript 进阶面向对象 ES6 :ECMAScript 6 入门 : Javascript 继承机制的 ...
Javascript 面向对象编程（一）：封装 ——转自阮一峰博客
Javascript 面向对象编程(一):封装作者: 阮一峰日期: 2010年5月17日学习Javascript,最难的地方是什么? 我觉得,Object(对象)最难.因为Javascript的 ...
《JavaScript面向对象编程指南》——第1章引言1.1 回顾历史
本节书摘来自异步社区<JavaScript面向对象编程指南>一书中的第1章,第1.1节,作者: [加]Stoyan Stefanov 译者: 凌杰更多章节内容可以访问云栖社区" ...
《JavaScript面向对象编程指南》——1.3 分析现状
本节书摘来自异步社区<JavaScript面向对象编程指南>一书中的第1章,第1.3节,作者: [加]Stoyan Stefanov 译者: 凌杰更多章节内容可以访问云栖社区" ...
（二）Javascript面向对象编程：构造函数的继承
Javascript面向对象编程:构造函数的继承这个系列的第一部分,主要介绍了如何"封装"数据和方法,以及如何从原型对象生成实例. 今天要介绍的是,对象之间的"继承&q ...

JavaScript面向对象编程笔记

JavaScript面向对象编程笔记相关推荐

最新文章

热门文章