欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

解析Javascript小括号“()”的多义性_javascript技巧

程序员文章站 2022-04-03 18:29:11
...
Javascript中小括号有五种语义

语义1,函数声明时参数表

复制代码 代码如下:

function func(arg1,arg2){
// ...
}

语义2,和一些语句联合使用以达到某些限定作用
复制代码 代码如下:

// 和for in一起使用
for(var a in obj){
// ...
}

// 和if一起使用
if(boo){
//...
}

// 和while一起使用
while(boo){
// ...
}

// 和do while一起使用
do{
// ...
}while(boo)

注意:在与if、while及do while一起使用时小括号会将其中的表达式结果隐式的转换成布尔值。见 JavaScript中的隐式类型转换 。

语义3,和new一起使用用来传值(实参)

复制代码 代码如下:

// 假设已经定义了类Person,它有两个字段姓名(name),年龄(age)
var p1 = new Person('Jack',26);

语义4,作为函数或对象方法的调用运算符(如果定义了参数也可与语义3一样传实参)
复制代码 代码如下:

// 假设已经定义了函数func
func();

// 假设已经定义了对象obj,且拥有func方法
obj.func();

这里提下typeof运算符,有人喜欢这么使用

typeof(xxx);

请注意typeof后的小括号并非语义4(即不是函数调用),而是后面提到的语义5。我使用typeof一般不加后面的小括号。

语义5,强制表达式运算

关于语义5,大家最熟悉的莫过于使用eval解析JSON

复制代码 代码如下:

function strToJson(str){
// eval 中字符串两旁加了强制运算符()
var json = eval('(' + str + ')');
return json;
}

又如使用较多的是匿名函数自执行
复制代码 代码如下:

(function(){
// ...
})();