面向对象的语言多数都支持继承，继承最重要的优点就是代码复用，从而构建大型软件系统。如果一个类能够重用另一个类的属性和或方法，就称之为继承。
从这个角度来看看js的继承方式。js中继承方式与写类方式息息相关。不同的写类方式造成不同的继承方式。各种流行js库继承方式也各不相同。从最简单的
复用开始。
1、构造函数写类，通过方法调用复制父类属性给子类
实现继承
这里父类，子类都用构造函数方式写，不用原型。子类调用父类函数来复制父类的属性。
/**
* 父类Polygon:多边形
* @param {Object} sides
*/
function Polygon(sides) {
this.sides = sides;
this.setSides = function(s) {this.sides=s;}
}
/**
* 子类Triangle:三角形
*/
function Triangle() {
this.tempfun = Polygon;//父类引用赋值给子类的一个属性tempfun
this.tempfun(3);//调用
delete this.tempfun;//删除该属性
this.getArea = function(){};
}
//new个对象
var tri = new Triangle();
console.log(tri.sides);//继承的属性
console.log(tri.setSides);//继承的方法
console.log(tri.getArea);//自有的方法
//缺点是对于Triangle的实例对象用instanceo ......
2、原型方式写类，原型方式继承
core js自身的对象系统就是采用原型方式(prototype based)继承的。或者说core
js没有采用常见的类继承(class
based)系统，而是使用原型继承来实现自己的对象系统。工作中我们也可以用原型方式来实现继承，代码复用以构建自己的功能模块。
/**
* 父类Polygon:多边形
*
*/
function Polygon() {}
Polygon.prototype.sides = 0;
Polygon.prototype.setSides = function(s) {this.sides=s;}
/**
* 子类Triangle:三角形
*/
function Triangle() {}
Triangle.prototype = new Polygon();//关键一句
Triangle.prototype.getArea = function(){}
//new个对象
var tri = new Triangle();
console.log(tri.sides);//继承的属性
console.log(tri.setSides);//继承的方法
console.log(tri.getArea);//自有方法
//instanceof测试
console.log(tri instanceof Triangle);//true，表明该对象是三角形
console.log(tri instanceof Polygon);//true，表明三角形也是多边形
虽然从输出可以看出子类继承了父类Polygon的属性sides和方法setSides，但sides是0，怎么会是三角形呢。还得调用下
tri.setSides(3)使之成为三角形。这� ......
JavaScript事件大全
click() 对象.click() 使对象被点击。
closed 对象.closed 对象窗口是否已关闭true/false
clearTimeout(对象) 清除已设置的setTimeout对象
clearInterval(对象) 清除已设置的setInterval对象
confirm("提示信息") 弹出确认框，确定返回true取消返回false
cursor:样式 更改鼠标样式 hand crosshair text wait help default auto
e/s/w/n-resize
event.clientX 返回最后一次点击鼠标X坐标值；
event.clientY 返回最后一次点击鼠标Y坐标值；
event.offsetX 返回当前鼠标悬停X坐标值
event.offsetY 返回当前鼠标悬停Y坐标值
document.write(document.lastModified) 网页最后一次更新时间
document.ondblclick=x 当双击鼠标产生事件
document.onmousedown=x 单击鼠标键产生事件
document.body.scrollTop; 返回和设置当前竖向滚动条的坐标值，须与函数配合
,
document.body.scrollLeft; 返回和设置当前横向滚动务的坐标值，须与函数配
合，
document.title document.title="message"; 当前窗口的标题栏文字
document.bgcolor document.bgcolor="颜色值"; 改变窗口背景颜� ......
3、组合构造函数/原型方式写类，采用前面种方式继承
这种方式父类，子类的属性都挂在构造函数里，方法都挂在原型上。
/**
* 父类Polygon:多边形
*/
function Polygon(sides) {
this.sides = sides;
}
Polygon.prototype.setSides = function(s) {this.sides=s;}
/**
* Triangle 三角形
* @param {Object} base 底
* @param {Object} height 高
*/
function Triangle(base,height) {
Polygon.call(this,3);//复制父类属性给自己
this.base = base;
this.height = height;
}
Triangle.prototype = new Polygon();//复制父类方法给自己
Triangle.prototype.getArea = function(){ //最后定义自己的方法
return this.base*this.height/2;
}
//new个对象
var tri = new Triangle(12,4);
console.log(tri.sides);//继承的属性
console.log(tri.setSides);//继承的方法
console.log(tri.base);//自有属性
console.log(tri.height);//自有属性
console.log(tri.getArea);//自有方法
//instanceof测试，表明正确的维护了"is a"的关系
console.log(tri instanceof Triangle);//true，表明该对象是三角形
console.log(tri instance ......
Javascript数据类型
由于javascript是弱类型语言，即定义变量时不必声明其类型
。但这并不意味着变量没有类型。因为赋值时会自动匹配数据类型！
目前用到的基本数据类型
number
boolean
string
var i
i="test";//这时i就成了string类型
var i
i=4;//这时i就成了number类型
常用对象类型<object>
Date
Number
Boolean
String
RegExp
Array
Object
以上对象类型的用法
var i;
i=new Number(123);
i.toString(2);//转为2进制。8为8进制
再如：
var i
i=new Array(1,2,3);
......
[转自]http://article.yeeyan.org/view/mouse4x/16540
JSON被公认为浏览器中XML的后继者，它的目标仅仅是成为一种简单、优雅的数据格式，以方便浏览器和服务器之间的数据交换。在完成这一简单任务的过程中，它将引领下一代万维网。
对象简介
看,这就是一个对象:
var myFirstObject ={};
尽管看起来挺简单，然而那些花括号却能够记录人类所搜集的信息的每个比特，或者是表示出计算机科学家们能构思到的最复杂的程序.事实上，Javascript本身就是存储在那样一个花括号集合中的，包括它所有的基本类型 -- 字符串,数字,数组,日期,正则表达式,它们都是对象,都是像上面myFirstObject那样开始的.
创建一个新对象
旧的方式是使用"new"关键字创建新对象.
var myJSON =newObject();
这种方式已经过时,现在流行的方式是通过一对大括号定义一个空对象...
var myJSON ={};
对象即数据
在Javascript对象的最底层是一种很灵活且健壮的数据格式，表示为“名/值对”。也就是说,一个对象的属性名--可以看作是依附在对象名上的一个普通变量.并且这个对象保存着上述名字的值.看下面的例子...
var myFirstJSON ={"firstName":"John",
......
总记录数:2244; 总页数:374; 每页6 条;
首页 上一页 [6] [7] [8] [9] 10
[11] [12] [13] [14] [15] 下一页 尾页
最新文章 : javascript