js的小括号()、中括号[]和大括号{}使用详解

正则表达式的() [] {}的使用详解

() 是为了提取匹配的字符串。表达式中有几个()就有几个相应的匹配字符串。

(\s*)表示连续空格的字符串。

[]是定义匹配的字符范围。

比如 [a-zA-Z0-9] 表示相应位置的字符要匹配英文字符和数字。

[\s*]表示空格或者*号。

{}一般用来表示匹配的长度。

比如 \s{3} 表示匹配三个空格，\s[1,3]表示匹配一到三个空格。

(0-9) 匹配 '0-9′ 本身。 [0-9]* 匹配数字（注意后面有 *，可以为空）[0-9]+ 匹配数字（注意后面有 +，不可以为空）{1-9} 写法错误。

[0-9]{0,9} 表示长度为 0 到 9 的数字字符串。

例如：在PHP中过滤内容里面有数字或空格数字

代码如下:

preg_replace("/\d{1,}\s{0,1}/", "xxxxxxxx", $signaturecontent);

一、js中的()小括号的用法详解

1、作为分组运算符:

分组运算符应该是再熟悉不过了，因为在小学数学中就有应用，例如:

var a=(1+2)*4;
console.log(a);

以上代码的输出值是12，因为分组运算符可以改变运算符的优先级，否则的话输出值是9。

扩展说明:

很多教程说它是一个强制运算符，其实在ECMAScript中，根本就没有强制运算符这么一个概念，它就是普通分组运算符。

这也是为什么eval()函数将json格式字符串转换为对象需再嵌套一个小括号的原因，可以参阅使用eval()将json字符串转换为对象要多加一个小括号一章节。

2、函数声明和函数调用参数列表:

在声明函数或者调动函数的时候，如果有参数，那么就会将参数放在小括号之中，代码如下:

function func(a,b){
//代码
}
func(1,2);

3、与特定关键字形成特定语句:

小括号可以与特定的关键词形成特定的语句，代码如下:

if(a>1){
//代码
}
while(i<len){
//代码
}
for(var i=0;i<len;i++){
//代码
}

4、表达式方式函数声明和立即调用函数表达式:

创建一个函数除了函数声明方式声明之外，还可以使用表达式方式，代码如下:

function func(){
//代码
}
var func=function(){
//代码
}

第二种就是表达式方式声明一个函数。下面介绍一下函数声明和表达式方式的区别:

函数声明必须带有标识符，也就是函数名，但是函数表达式方式，标识符带不带都可以。

function 函数名称 (参数：可选){ 函数体 }//函数声明方式
function 函数名称（可选）(参数：可选){ 函数体 }//函数表达式方式

要区分一个代码是函数声明还是函数表达式，那要看代码的应用上下文，例如:

function func(){};//函数声明方式
(function func(){})//函数表达式方式

出现在运算符相关上下文中，那么它就是一个表达式，例如下面最常见的代码:

var func=function(){}

上面介绍一下什么是函数表达式，下面就看一下如何立即调用函数表达式:

(function(){})();
(function(){}());
!function(){}();

上面三个语句都是在运算符相关上下文中，所以都是表达式，就可以强制调用了，下面做一下分析:

• (function(){})(),(function(){})是一个表达式，会强制其理解成函数直接量方式，也就是表达式方式创建函数，(function(){})它会返回函数对象的引用，最后使用小括号()调用此函数。
• (function(){}())，如果不用外面包裹的小括号，{}就会理解为复合语句，那么function(){}就被理解为函数声明，但是没有标识符，所以会报错，使用小括号以后，就会变成表达式，也会被理解为直接量方式。
• !function(){}()，原理同上,!也是一个运算符，所以在原理同上。

二、js中的{} 大括号的用法详解

{ } 大括号，表示定义一个对象，大部分情况下要有成对的属性和值，或是函数。

如：

var LangShen = {"Name":"Langshen","AGE":"28"};

上面声明了一个名为“LangShen”的对象，多个属性或函数用,（逗号）隔开，因为是对象的属性，

所以访问时，应该用.（点）来层层访问：LangShen.Name、LangShen.AGE，当然我们也可以用数组的方式来访问，如：LangShen["Name"]、LangShen["AGE"]，结果是一样的。

该写法，在JSON数据结构中经常用，除此之外，我们平时写函数组的时候，也经常用到，如：

代码如下:

var LangShen = {
    Name = function() {
        return "LangShen";
    },
    Age = function() {
        return "28";
    }
}

调用方式差不多，因为是函数组，所以要加上()，如：alert( LangShen.Name() );

三、js中的[ ]中括号的用法详解

[ ]中括号，表示一个数组，也可以理解为一个数组对象。

如：

var LangShen = [ "Name","LangShen","AGE","28" ];

很明显，每个值或函数，都是独立的，多个值之间只用,（逗号）隔开，因为是数组对象，所以它等于：

var LangShen = Array( "Name","LangShen","AGE","28" );

访问时，也是和数组一样，alert( LangShen[0] );

四、{ } 和[ ] 一起使用

我们前面说到，{ } 是一个对象，[ ] 是一个数组，我们可以组成一个对象数组，如：

代码如下:

var LangShen = {
    "Name": "Langshen",
    "MyWife": ["LuLu", "26"],
    "MySon": [{
        "Name": "Son1"
    },
    {
        "Name": "Son2"
    },
    {
        "Name": "Son3"
    }]
}

从上面的结构来看，是一个对象里面的第一项是个属性，第二项是一个数组，第三个是包含有多个对象的数组。调用起来，也是一层一层访问，对象的属性用.（点）叠加，数组用 [下标] 来访问。

如：alert( LangShen.MySon[1].Name ) ;