BlogJava-麦奏-随笔分类-javascript

JS简单AOP实现(转）

麦奏 — Wed, 11 Apr 2007 07:32:00 GMT

1    1. <script>
2    2.
3    3.     function Test(){
4    4.         this.say1 =  function(s){
5    5.             alert(s);
6    6.         }
7    7.         this.say2 =  function(s){
8    8.             alert(s);
9    9.         }
10   10.     }
11   11.
12   12.     function actsAsAspect(object) {
13   13.       object.yield = null;
14   14.       object.rv    = { };
15   15.       object.before  = function(method, f) {
16   16.         var original = eval("this." + method);
17   17.         this[method] = function() {
18   18.           f.apply(this, arguments);
19   19.           return original.apply(this, arguments);
20   20.         };
21   21.       };
22   22.       object.after   = function(method, f) {
23   23.         var original = eval("this." + method);
24   24.         this[method] = function() {
25   25.           this.rv[method] = original.apply(this, arguments);
26   26.           return f.apply(this, arguments);
27   27.         }
28   28.       };
29   29.       object.around  = function(method, f) {
30   30.         var original = eval("this." + method);
31   31.         this[method] = function() {
32   32.           this.yield = original;
33   33.           return f.apply(this, arguments);
34   34.         }
35   35.       };
36   36.     }
37   37.
38   38.     function beforeHander(s){
39   39.         alert("aspect said:");
40   40.     }
41   41.     function afterHander(s){
42   42.         alert("said by aspect");
43   43.     }
44   44.
45   45.     var t = new Test();
46   46.     actsAsAspect(t);
47   47.     t.before("say1",beforeHander);
48   48.     t.after("say2",afterHander);
49   49.
50   50.     test = function(){
51   51.         t.say1("hello1");
52   52.         t.say2("hello2");
53   53.     }
54   54.     test();
55   55. script>

麦奏 2007-04-11 15:32 发表评论

js一些小方法

麦奏 — Wed, 28 Feb 2007 15:58:00 GMT

1function test(){
3 alert(arguments.length);//实参的数目
4 alert(test.length);//行参的数目
5}

2.callee返回当前方法的引用

1function test(){
3    alert(arguments.callee.length);//行参的数目
4     //arguments.callee返回当前方法的引用，所以
5     //arguments.callee == test
6    //所以实际上仍然伪test.length
7}

3.call(),apply()
call()传递单个参数，apply()参数传递为数组参数

1var Class = {
2  create: function() {
3    return function() {
4      this.initialize.apply(this, arguments);
5    }
6  }
7}
8

1var vehicle=Class.create();//vehicle为一个方法，所以可以有prototype属性。返回的是一个构造函数。
3vehicle.prototype={
4    initialize:function(type){//这个方法在创建vihicle的对象的时候被调用
5        this.type=type;
6    }
7    showSelf:function(){
8        alert("this vehicle is "+ this.type);
9    }
10}
11
12var moto=new vehicle("Moto");
13moto.showSelf();
14

麦奏 2007-02-28 23:58 发表评论

html中几个值得注意的问题

麦奏 — Fri, 16 Feb 2007 03:30:00 GMT

1.form元素是默认有padding的。
2.tbody在ie下没有innerHTML属性。

麦奏 2007-02-16 11:30 发表评论

一点函数式编程心得

麦奏 — Wed, 14 Feb 2007 10:00:00 GMT

1 function a(b)
2 {
3 b();
4 }
5 a(function(){alert("1");});

我理解，好像调用a方法时候，内部的函数相当于一个匿名的变量，这个变量保存了当前内部函数的引用。

麦奏 2007-02-14 18:00 发表评论