javascript实现StrExp

本文介绍了一种在JavaScript中实现类似EL表达式的方法,通过利用eval绑定可见域,并使用String.prototype.replace来解析模板字符串。

主要实现了类似jsp里的el表达式的功能,甚至于比el表达式更加强大。

思路很简单,就是利用eval绑定可见域。利用这个思路可以作出很多强大的东西。

当前其中也用到了String.prototype.replace的强大功能。 

 

var goodies = {
    anonymous:[]
};
goodies.Register 
= function () {
    
var i = 0;
    
return function (fn) {
        
var h = i ++;
        goodies.anonymous[h] 
= fn;
        
return "goodies.anonymous["+h+"]";
    };
} ();
goodies.StrExp 
= function (str) {
    
var parts = [];
    
var index = 0;
    
var last_offset = 0;
    str.replace(
/\$\{([^}]*)\}/g, function (m, p, offset, s) {
        
if (offset > last_offset) {
            parts[index
++= goodies.Register(s.substring(last_offset, offset));
        }
        parts[index
++= '('+p+')';
        last_offset 
= offset + m.length;
    });
    
if (last_offset < str.length) {
        parts[index] 
= goodies.Register(str.substring(last_offset, str.length));
    }
    
return parts.join('+');
}
var a = 10;

var b = 20;

 

// example

se = goodies.StrExp("a+b=${a+b}");
alert(se);
alert(eval(se)); // "a+b=30"

 

注意StrExp中的${}表达式是能访问到当前可见域的,包括局部变量和闭包外部的变量,而不仅仅是全局域

 

懒得写string的toSource()了,用了一个Register来替代。当然Register不是因为这个才写的,我有其他用途。

StrExp也是抱着一种玩的心态写的,肯定有BUG,所以要用的话,麻烦自己修改或者重新写一个吧。

 

注:String的toSource功能,在Json2(Json.org上有链接)里有实现。

 

 

转载于:https://www.cnblogs.com/hackwaly/archive/2008/07/31/1257330.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值