zoukankan      html  css  js  c++  java
  • Javascript小括号“()”的多义性

    摘要:本文主要介绍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一起使用时小括号会将其中的表达式结果隐式的转换成布尔值。见无处不在的隐式类型转换 。

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

      注意,以上代码第1对小括号是语义5,第3对则是语义4。

    作者: snandy   原文链接 

  • 相关阅读:
    Choosing the Type at Runtime
    User-Defined Components Must Be Capitalized
    Computed property names
    Controlled Components
    Handling Event
    State
    props
    Functional and Class Components
    招聘漂亮的员工
    Spread Syntax
  • 原文地址:https://www.cnblogs.com/LiuWeiLong/p/6052761.html
Copyright © 2011-2022 走看看