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

 更新时间:2013年12月03日 08:49:42   作者:  
这篇文章主要介绍了Javascript小括号“()”的多义性。需要的朋友可以过来参考下,希望对大家有所帮助

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(){
  // ...
})();

相关文章

  • 使用mpvue搭建一个初始小程序及项目配置方法

    使用mpvue搭建一个初始小程序及项目配置方法

    这篇文章主要介绍了使用mpvue搭建一个初始小程序及项目配置方法,需要的朋友可以参考下
    2018-12-12
  • js实现导航跟随效果

    js实现导航跟随效果

    这篇文章主要为大家详细介绍了js实现导航跟随效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-11-11
  • javascript数组的扩展实现代码集合

    javascript数组的扩展实现代码集合

    非常不错的javascript数据功能增强函数
    2008-06-06
  • JavaScript数组reduce常见实例方法

    JavaScript数组reduce常见实例方法

    reduce方法在数组的每个元素上执行用户提供的回调函数,即"reducer",它传入对前一个元素进行计算的返回值,结果是单个值,它是在数组的所有元素上运行reducer的结果,下面这篇文章主要给大家介绍了关于JavaScript数组reduce常见实例方法的相关资料,需要的朋友可以参考下
    2022-05-05
  • antd/fusion表格增加圈选复制功能思路详解

    antd/fusion表格增加圈选复制功能思路详解

    我们存在着大量在PC页面通过表格看数据业务场景,表格又分为两种,一种是antd / fusion这种基于dom元素的表格,另一种是通过 canvas 绘制的类似 excel 的表格,这篇文章主要介绍了antd/fusion表格增加圈选复制功能,需要的朋友可以参考下
    2023-09-09
  • 微信小程序开发之toast等弹框提示使用教程

    微信小程序开发之toast等弹框提示使用教程

    弹框提示是我们在开发中经常用的一个效果,下面这篇文章主要给大家介绍了微信小程序开发之toast等弹框提示实现的相关资料,文中介绍的非常详细,对大家具有一定的参考学习价值,需要的朋友们下面来一起看看吧。
    2017-06-06
  • JavaScript用构造函数如何获取变量的类型名

    JavaScript用构造函数如何获取变量的类型名

    在JavaScript中,如何准确获取变量的类型名是一个经常使用的问题。但是常常不能获取到变量的精确名称,或者必须使用jQuery 中的方法,这里通过 typeof ,jQuery.type 和 通过构造函数来获取变量类型这三种方法详细介绍一遍。有需要的朋友们可以参考借鉴,下面来一起看看吧。
    2016-12-12
  • Javascript中arguments对象的详解与使用方法

    Javascript中arguments对象的详解与使用方法

    ECMAScript中的函数并不介意传递的参数有多少,也不介意是什么类型。由于JavaScript允许函数有不定数目的参数,所以我们需要一种机制,可以在 函数体内 部读取所有参数。这就是arguments对象的由来。这篇文章将详细介绍Javascript中的arguments对象和使用方法。
    2016-10-10
  • 详谈JavaScript 匿名函数及闭包

    详谈JavaScript 匿名函数及闭包

    本文详细介绍了匿名函数、闭包、并给出了详细的例子以及详细的注意事项,是篇非常非常不错的文章,推荐给大家。
    2014-11-11
  • JavaScript宏任务和微任务区别介绍

    JavaScript宏任务和微任务区别介绍

    这篇文章主要介绍了JavaScript宏任务和微任务区别介绍,js中的任务,大致分为2类,一类是同步任务,另一类是异步任务。而异步任务,又分为宏任务和微任务,这两个任务是两个队列,所以是先进先出的
    2022-07-07

最新评论