博客园_万一的 Delphi 博客

addedbytes.com 制作的速查表欣赏

2012-03-26T09:02:00Z

ASP/VBScript	CakePHP-1.2	CSS-v1	CSS-v2	French
Kings and Queens	Linux Command Line	NaNoWriMo 2011	Six Noations 2012	Vimeo Advanced API Methods
Wikipedia	HTML Character Entities	HTML	JavaScript	Microformats
Mod Rewrite-v1	Mod Rewrite-v2	MySQL	PHP-v1	PHP-v2
Python	RegularExpressions-v1	RegularExpressions-v2	RGB Color Codes	Ruby on Rails
SQL Server	Subversion	World of Warcraft

本文链接

JavaScript 演练(10). 谁的 this ?

2012-03-19T08:17:00Z

MyClass = function () {
this.A = 1;
}

MyClass.prototype.X = function () {
this.B = 2;
}

MyClass.prototype.Y = function () {
this.Z = function () {
this.C = 3;
}
}

/* 内部对象的 this ? */
obj = new MyClass();
alert(obj.A); //1

obj1 = new obj.X();
alert(obj1.B); //2

obj2 = new (new obj.Y()).Z();
alert(obj2.C); //3

/* 所属对象的 this ? */
obj = new MyClass();
obj.X();
obj.Y();
obj.Z();
alert(obj.A); //1
alert(obj.B); //2
alert(obj.C); //3

本文链接

JavaScript 演练(9). 内部成员、对象成员

2012-03-19T05:48:00Z

MyClass = function () {
var A = 1; //内部成员
B = 2; //内部成员
this.C = 3; //对象成员
}
MyClass.prototype.D = 4; //对象成员(通过原型扩展)

obj = new MyClass();
alert(obj.A); //undefined
alert(obj.B); //undefined
alert(obj.C); //3
alert(obj.D); //4

alert(obj.hasOwnProperty('C')); //true
alert(obj.hasOwnProperty('D')); //false

本文链接

JavaScript 演练(8). 对象成员、类成员(原型、非原型)

2012-03-19T04:10:00Z

/* 类属性、对象属性 */
Array.Info1 = "Info1"; //为 Array 增加类属性 Info1
Array.prototype.Info2 = "Info2"; //为 Array 增加对象属性 Info2

arr = [1, 2, 3];
alert(arr.Info1); //undefined
alert(arr.Info2); //Info2

alert(Array.Info1); //Info1

/* 类方法、对象方法 */
Array.ShowMessage = function () { alert("ClassMessage"); };
Array.prototype.ShowMessage = function () { alert("ObjectMessage"); };

arr = [1, 2, 3];
arr.ShowMessage(); //ObjectMessage
Array.ShowMessage(); //ClassMessage

本文链接

JavaScript 演练(7). 赋值与引用

2012-03-19T02:02:00Z

/* 值类型 */
n1 = 123;
n2 = n1; //赋值
n2 = 456;
alert(n1); //123; n1 != n2

/* 对象类型 */
arr1 = [123];
arr2 = arr1; //引用
arr2[0] = 456;
alert(arr1[0]); //456; arr1 === arr2

本文链接

JavaScript 演练(6). 函数的定义与自执行

2012-03-15T10:13:00Z

/* 函数的定义 */
function a() { return 1; }

var b = function () { return 1; };

var c = function d() { return 1; }; // d === undefined

var e = new Function("return 1;");

alert(typeof a); //function
alert(typeof b); //function
alert(typeof c); //function
alert(typeof d); //undefined
alert(typeof e); //function

alert(a() + b() + c() + e()); //4

/* 函数自执行 */
(function (a, b) { alert(a + b); }) (1, 2); //3

(function (a, b) { alert(a + b); } (1, 2)); //3

var f = function (a, b) { alert(a + b); } (1, 2); //3; f === undefined

本文链接

JavaScript 演练(5). 模拟类

2012-03-15T09:21:00Z

/* 给一个实例化后的空对象添加属性、方法 */
obj = {};
obj.Name = "张三";
obj.Age = 33;
obj.ShowInfo = function () { alert(obj.Name + ", " + obj.Age); }

obj.ShowInfo(); //张三, 33

/* 用函数建立并返回对象 */
function GetObj(name, age) {
return {
Name: name,
Age: age,
ShowInfo: function () { alert(this.Name + ", " + this.Age); }
}
}

GetObj("张三", 33).ShowInfo(); //张三, 33

/* 模拟类 */
function MyClass(name, age) {
this.Name = name; //属性
this.Age = age; //属性
this.ShowName = function () { alert(this.Name); }; //方法
}

obj1 = new MyClass("张三", 33); //实例化
obj1.ShowName(); //张三

//补加的属性与方法
MyClass.prototype.ClassName = "MyClass";
MyClass.prototype.ShowInfo = function () { alert(this.ClassName + ", " + this.Name + ", " + this.Age); }

obj1.ShowInfo(); //MyClass, 张三, 33

obj2 = new MyClass("李四", 44); //实例化
obj2.ShowInfo(); //MyClass, 李四, 44

本文链接

JavaScript 演练(4). 回调函数

2012-03-15T04:37:00Z

本文链接

JavaScript 演练(3). 判断是否是数组

2012-03-15T03:57:00Z

num = 123;
str = "123";

alert(num == 123); //true
alert(str == 123); //true

alert(num === 123); //true; 值相同且类型相同
alert(str === 123); //false

alert(typeof num === "number"); //true
alert(typeof str === "string"); //true

//数组的类型也是 object
alert(typeof []); //object
alert(typeof {}); //object

//判断是否是数组的函数
var isArray = function (obj) {
//return obj && !(obj.propertyIsEnumerable('length')) && typeof obj === 'object' && typeof obj.length === 'number';
return obj instanceof Array;
};

arr = [ 1, 2, 3 ];
obj = { a: 1, b: 2, c: 3 };
alert(isArray(arr)); //true
alert(isArray(obj)); //false
alert(isArray(num)); //false
alert(isArray(str)); //false

本文链接

JavaScript 演练(2). 默认参数

2012-03-15T03:11:00Z

/* 默认参数 */
function func(a, b, c) {
a = a === undefined ? 3 : a; //默认 3
b = b === undefined ? 3 : b; //默认 3
c = c === undefined ? 3 : c; //默认 3
return a + b + c;
}

alert(func(6, 6, 6)); //18
alert(func()); //9
alert(func(4)); //10
alert(func(4, 0)); //7

/* 通过闭包预置参数 */
function func(a) {
return function func(b) { return a + b; }
}

var f = func(1); //返回 func 内的 func 函数
alert(f(2)); //3
alert(f(3)); //4

本文链接