RegExp 类型 function arguments.arguments对象的一个属性callee(函数引用),函数对象的一个属性caller(函数调用)

ECMAScript 通过RegExp 类型来支持正则表达式。使用下面类似Perl 的语法,就可以创建一个正则表达式。

   var expression = / pattern / flags ;

/*
* 匹配字符串中所有"at"的实例
*/
var pattern1 = /at/g;
/*
* 匹配第一个"bat"或"cat",不区分大小写
*/
var pattern2 = /[bc]at/i;
/*
* 匹配所有以"at"结尾的3 个字符的组合,不区分大小写
*/
var pattern3 = /.at/gi;

与其他语言中的正则表达式类似,模式中使用的所有元字符都必须转义。正则表达式中的元字符包括:

( [ { \ ^ $ | ) ? * + .]}

var pattern1 = /[bc]at/i;
/*
* 匹配第一个" [bc]at",不区分大小写
*/
var pattern2 = /\[bc\]at/i;
/*
* 匹配所有以"at"结尾的3 个字符的组合,不区分大小写
*/
var pattern3 = /.at/gi;
/*
* 匹配所有".at",不区分大小写
*/
var pattern4 = /\.at/gi;

前面举的这些例子都是以字面量形式来定义的正则表达式。另一种创建正则表达式的方式是使用RegExp 构造函数,它接收两个参数:一个是要匹配的字符串模式,另一个是可选的标志字符串。可以使用字面量定义的任何表达式,都可以使用构造函数来定义,如下面的例子所示。

/*
* 匹配第一个"bat"或"cat",不区分大小写

    */
    var pattern1 = /[bc]at/i;
    /*
    * 与pattern1 相同,只不过是使用构造函数创建的
    */
    var pattern2 = new RegExp("[bc]at", "i");

在此,pattern1 和pattern2 是两个完全等价的正则表达式。要注意的是,传递给RegExp
构造函数的两个参数都是字符串(不能把正则表达式字面量传递给RegExp 构造函数)

由于RegExp 构造函数模式参数是字符串,所以在某些情况下要对字符进行双重转义。所有元字符都必须双重转义,那些已经转义过的字符也是如此,例如\n(字符\在字符串中通常被转义为\\,而在正则表达式字符串中就会变成\\\\)。下表给出了一些模式,左边是这些模式的字面量形式,右边是使用RegExp 构造函数定义相同模式时使用的字符串。

在这里插入如图图片描述

使用正则表达式字面量和使用RegExp 构造函数创建的正则表达式不一样。在ECMAScript 3 中,正则表达式字面量始终会共享同一个RegExp 实例,而使用构造函数创建的每一个新RegExp 实例都是一个新实例。来看下面的例子。

var re = null, i;
for (i=0; i < 10; i++){
    re = /cat/g;
    re.test("catastrophe");
}
for (i=0; i < 10; i++){
   re = new RegExp("cat", "g");
   re.test("catastrophe");
}

在第一个循环中,即使是循环体中指定的,但实际上只为/cat/创建了一个RegExp 实例由于实例属性(下一节介绍实例属性)不会重置,所以在循环中再次调用test()方法会失败。这是因为第一次调用test()找到了"cat",但第二次调用是从索引为3 的字符(上一次匹配的末尾)开始的,所以就找不到它了。由于会测试到字符串末尾,所以下一次再调用test()就又从开头开始了。
第二个循环使用RegExp 构造函数在每次循环中创建正则表达式。因为每次迭代都会创建一个新的RegExp 实例,所以每次调用test()都会返回true。

ECMAScript 5 明确规定,使用正则表达式字面量必须像直接调用RegExp 构造函数样,每次都创建新的RegExp实例。IE9+、Firefox 4+和Chrome 都据此做出了修改。

RegExp实例属性

 lastIndex:整数,表示开始搜索下一个匹配项的字符位置,从0 算起。
 source:正则表达式的字符串表示,按照字面量形式而非传入构造函数中的字符串模式返回。

通过这些属性可以获知一个正则表达式的各方面信息,但却没有多大用处,因为这些信息全都包含在模式声明中。例如:

var pattern1 = /\[bc\]at/i;
alert(pattern1.global); //false
alert(pattern1.ignoreCase); //true
alert(pattern1.multiline); //false
alert(pattern1.lastIndex); //0
alert(pattern1.source); //"\[bc\]at"

var pattern2 = new RegExp("\\[bc\\]at", "i");
alert(pattern2.global); //false
alert(pattern2.ignoreCase); //true
alert(pattern2.multiline); //false
alert(pattern2.lastIndex); //0
aler t(pattern2.source); //"\[bc\]at"

我们注意到,尽管第一个模式使用的是字面量,第二个模式使用了RegExp 构造函数,但它们的source 属性是相同的。可见,source属性保存的是规范形式的字符串,即字面量形式所用的字符串。

RegExp实例方法

分析:

可以看到正则表达式有用到括号,这里的括号分割了三个捕获组,从外到内(外面表示有一个无形的括号)分别是:

  • mom and dad and baby
  • and dad and baby
  • and baby

?表示{0,1}次

matches.index 表示要匹配文本的第一个字符的位置,所以返回0

matches.input 输出被检索的字符串

matches[0] 表示输出和第一个捕获组相匹配的字符串 ,即 mom and dad and baby

matches[1] 表示输出和第二个捕获组相匹配的字符串,即 and dad and baby

matches[2] 表示输出和第三个捕获组相匹配的字符串,即 and baby

函数内部属性

  • 在函数内部,有两个特殊的对象:arguments 和this。 arguments 是一个类数组对象,包含着传入函数中的所有参数。
  • arguments 的主要用途是保存函数参数,但这个对象还有一个名叫callee 的属性,该属性是一个指针,指向拥有这个arguments
    对象的函数。

请看下面这个非常经典的阶乘函数。

function factorial(num){
if (num <=1) {
return 1;
} else {
return num * factorial(num-1)
}   }

定义阶乘函数一般都要用到递归算法;如上面的代码所示,在函数有名字,而且名字以后也不会变的情况下,这样定义没有问题。但问题是这个函数的执行与函数名factorial 紧紧耦合在了一起。为了消除这种紧密耦合的现象,可以像下面这样使用arguments.callee。

function factorial(num){
if (num <=1) {
return 1;
} else {
return num * arguments.callee(num-1)
}
}
  • ECMAScript 5 也规范化了另一个函数对象的属性:caller。除了Opera
    的早期版本不支持,其他浏览器都支持这个ECMAScript 3并没有定义的属性。这个属性中保存着调用当前函数的函数的引用,如果是在全局作用域中调用当前函数,它的值为null。例如:

    function outer(){
    inner();
    }
    function inner(){
    alert(inner.caller);
    }
    outer();

以上代码会导致警告框中显示outer()函数的源代码。因为outer()调用了inter(),所以
inner.caller 就指向outer()。为了实现更松散的耦合,也可以通arguments.callee.caller
来访问相同的信息。

function outer(){
inner();
}
function inner(){
alert(arguments.callee.caller);
}
outer();

定义这个属性是为了分清arguments.caller 和函数的caller 属性。以上变化都是为了加强这门语言的安全性,这样第三方代码就不能在相同的环境里窥视其他代码了。 严格模式还有一个限制:不能为函数的caller属性赋值,否则会导致错误。

猜你喜欢

转载自blog.csdn.net/weixin_38547641/article/details/89056628
今日推荐