解析Javascript小括号“()”的多义性_javascript技巧
程序员文章站
2022-04-03 18:29:11
...
Javascript中小括号有五种语义
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中的隐式类型转换 。
// 假设已经定义了类Person,它有两个字段姓名(name),年龄(age)
var p1 = new Person('Jack',26);
语义4,作为函数或对象方法的调用运算符(如果定义了参数也可与语义3一样传实参)
// 假设已经定义了函数func
func();
// 假设已经定义了对象obj,且拥有func方法
obj.func();
这里提下typeof运算符,有人喜欢这么使用
function strToJson(str){
// eval 中字符串两旁加了强制运算符()
var json = eval('(' + str + ')');
return json;
}
又如使用较多的是匿名函数自执行
(function(){
// ...
})();
语义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(){
// ...
})();
上一篇: linux和unix有什么关系
下一篇: 如何使用php显示扩展模块文件
推荐阅读
-
document.createElement("A")比较不错的属性_javascript技巧
-
JavaScript实现简单的数字倒计时_javascript技巧
-
javascript实现检验的各种规则_javascript技巧
-
javascript抖动元素的小例子_javascript技巧
-
js控制容器隐藏出现防止样式变化的两种方法_javascript技巧
-
Javascript中Eval函数的使用说明_javascript技巧
-
JavaScript 嵌套函数指向this对象错误的解决方法_javascript技巧
-
如何调试异步加载页面里包含的js文件_javascript技巧
-
用document.documentElement取代document.body的原因分析_javascript技巧
-
如何用js 实现依赖注入的思想,后端框架思想搬到前端来_javascript技巧