JavaScript小括号、中括号、大括号的多义性
语义1,函数声明时参数表
- func(arg1,arg2){
- // ...
- }
语义2,和一些语句联合使用以达到某些限定作用
- // 和for in一起使用
- for(var a in obj){
- // ...
- }
- // 和if一起使用
- if(boo){
- //...
- }
- // 和while一起使用
- while(boo){
- // ...
- }
- // 和do while一起使用do{
- // ...
- }
- while(boo)
注意:在与if、while及dowhile一起使用时小括号会将其中的表达式结果隐式的转换成布尔值。见无处不在的隐式类型转换。
语义3,和new一起使用用来传值(实参)
- // 假设已经定义了类Person,它有两个字段姓名(name),年龄(age)
- var p1=new Person('Jack',26);
语义4,作为函数或对象方法的调用运算符(如果定义了参数也可与语义3一样传实参)
- // 假设已经定义了函数func
- func();
- // 假设已经定义了对象obj,且拥有func方法
- obj.func();
这里提下typeof运算符,有人喜欢这么使用
请注意typeof后的小括号并非语义4(即不是函数调用),而是后面提到的语义5。我使用typeof一般不加后面的小括号。见具名函数的多种调用方式
语义5,强制表达式运算
- function strToJson(str){ // eval 中字符串两旁加了强制运算符()
- var json= eval('(' + str + ')');
- return json;
- }
关于语义5,大家最熟悉的莫过于使用eval解析JSON
又如使用较多的是匿名函数自执行
- (function(){
- // ...
- })();
注意,以上代码第1对小括号是语义5,第3对则是语义4。
大括号
JavaScript中大括号有四种语义作用:
语义1,组织复合语句,这是最常见的
- if( condition ) {
- //...
- }else {
- //...
- }for() {
- //...
- }
语义2,对象直接量声明
- var obj= { name : 'jack', age : 23};
整个是个赋值语句,其中的{name:'jack',age:23}是个表达式。
语义3,声明函数或函数直接量
- function f1(){
- //...
- }
- var f2 = function(){
- //...
- }
f1与非f2的区别是前者在语法解释期,后者在运行期。区别在于:如果调用该函数的代码在函数定义之后,则没有区别;如果调用该函数的代码在函数定义之前,则f1仍然可以调用,f2则会报错,提示f2未定义。
语义4,结构化异常处理的语法符号
- try {
- //...
- }catch( ex ){
- //...
- }finally{
- //...
- }
这里的大括号与符合语句(语义1)是有区别的,大括号中如果只有一条语句,在if/else/for等中大括号是可以省略的,但try/catch/finally则不能省略。以下代码纠结了偶N久:
- function(){}() //匿名函数立即执行,语法分析期报
- {}.constructor //获取对象直接量的构造器,语法分析期报错
令人不解的是为何[].constructor这么写却不报错呢,一个是想获取对象直接量的构造器,一个是获取数组直接量的构造器而已。
当然添加个变量接收也不会报错,同样的情况如:
- var fn= function(){}(),也不会报错。
实际上是js的“语句优先”在作怪,即{}被理解成复合语句块(语义1)而不是对象直接量(语义2)或声明函数(语义3)的语义。
function(){}(),大括号被理解成复合语句,自然前面的function()声明函数的语法不完整导致语法分析期出错。
{}.constructor,大括号被理解成复合语句,大括号后面是点运算符,点运算符前没有合理的对象自然也报错。
修复方式众所周知,加个强制运算符():
- (function(){})(),(function(){});//强制其理解为函数(语义3),“函数()”表示执行该函数,即声明后立即执行了。
- ({}).constructor //({})强制把大括号理解成对象直接量(语义2),“对象.xx”表示获取对象的成员,自然后面的点运算符可以正常执行了。
中括号
JavaScript中括号有四种语义:
语义1,声明数组
- var ary= []; // 声明一个空数组
- var ary= [1,3]; // 声明一个数组,同时赋初值
语义2,取数组成员
- var ary= [1,2,3];
- var item= ary[0];
语义3,定义对象成员(可以不遵循标识符规则)
- var obj= {};
- // 为obj添加一个属性name,name是合法的标识符,即也可以通过obj.name方式来定义
- obj['name'] = 'jack';
- //为obj添加一个属性2a,2a不是合法的标识符(不能以数字开头),不能通过obj.2a来定义
- obj['2a'] = 'test';
语义4,取对象成员
- var obj= {name:'jack'};obj['2a'] = 'test';
- obj['name']; // -->jack
- obj['2a']; // --> test (不能通过obj.2a获取)
一、{ } 大括号,表示定义一个对象,大部分情况下要有成对的属性和值,或是函数。
如: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() );
二、[ ]中括号,表示一个数组,也可以理解为一个数组对象。
如: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 ) ;
============篇3==================================================
一、大括号{}表示对象:
javascript供了另外一种简单的方式来创建对象,即大括号({})语法:
arr = {
a:5, //对象属性,a是变量名
b:8,
c:function(){return this.a + this.b;}, //对象方法
d:['a':1,'b':2] //对象属性,数组
}
通过大括号括住多个属性或方法及其定义(这些属性或方法用逗号隔开),来实现对象的定义,这段代码就直接定义个了具有n个属性或方法的对象,其中属性名和其定义之间用冒号(:)隔开。
document.write(arr.c());
注意,各属性间用逗号(,)隔开。使用这种方式来定义对象,还可以使用字符串作为属性(方法)名,例如:
var obj={“001”:”abc”}
因为这种简单对象没有通过构造函数创造所以也就没能在对象外添加方法。
对比构造函数创造的对象:
function Test(a,b){
this.a = a;
this.b = b;
this.c = function(){return this.a + this.b;}
}
Test.prototype.d = function another(){
return this.a * this.b * Math.PI;
};
arr = new Test(5,8);
document.write(arr.c());
输出:13
document.write(arr.d());
输出:125.66370614359172
二、中括号 [ ] 表示数组:
arr = [
[1,2], //数组
['a','b'],
[{c:'a1',d:'b1'},{e:'a2',f:'b2'}] //对象
];
for(key in arr){
for(chikey in arr[key]){
document.write(chikey + "=>" + arr[key][chikey] +"<br />");
}
}
输出:
0=>1
1=>2
0=>a
1=>b
0=>[object Object]
1=>[object Object]
document.write(arr[2][1].e);
输出:a2
这里,数组的第三组是未命名的对象,可以用arr[2][1].e的方式指定访问属性。当然也可以遍历:
for(key in arr[2]){
for(val in arr[2][key]){
document.write(val + "=>" + arr[2][key][val] +"<br />");
}
}
输出:
c=>a1
d=>b1
e=>a2
f=>b2
三、数组与对象
在js中,上述的对象与数组的创建很相似,有人称第一种方式为js的关联数组,姑且吧;但在中括号中就不能使用['a':'b']的形式,只能以索引数组的形式,即下标只能是数字,如[1,2]或['a','b'],这点须注意。
JavaScript小括号、中括号、大括号的多义性的更多相关文章
- shell编程中的单/双 小括号, 中括号, 大括号
linux shell中的变量类型?分字符串或者数字或者bool类型吗? 参考: http://www.cnblogs.com/nufangrensheng/p/3477281.html 不分! sh ...
- javascript小括号、中括号、大括号学习总结
作为一名编程人员,和括号打交道是必不可少的.你可知道在不同的上下文中,括号的作用是不一样的,今天就让我们简单总结下javascript小括号.中括号.大括号的用法. 总的来说,JavaScript中小 ...
- php正则:匹配(),{},[]小括号,大括号,中括号里面的内容
php正则:匹配(),{},[]小括号,大括号,中括号里面的内容 比如有一段字符: $s='60c8 {"code":"200","message&q ...
- Linux Shell基础 单引号、双引号、反引号、小括号和大括号
单引号和双引号 单引号和双引号用于变量值出现空格时将字符用引号括起来. 二者的主要区别在于, 被单引号括起来的字符都是普通字符,就算特殊字符也不再有特殊含义: 被双引号括起来的字符中,"$& ...
- Javascript小括号“()”的多义性
摘要:本文主要介绍JavaScript中小括号有五种语义. Javascript中小括号有五种语义 语义1,函数声明时参数表 function func(arg1,arg2){ // ... } 语义 ...
- shell中的括号(小括号,大括号/花括号)
在这里我想说的是几种shell里的小括号,大括号结构和有括号的变量,命令的用法,如下: 1.${var} 2.$(cmd) 3.()和{} 4.${var:-string},${var:+string ...
- scala lambda 小括号与大括号
看akka源码的时候看到这样的一个用法: 作为接触scala两天半的我有些看不明白了.好一番搜索看到这样的答案: <scala雾中风景(2): 小括号与花括号> 下面的问题,表面上看是小括 ...
- Linux中的小括号和大括号,${}/$()/()/{}/${var:-string}/${var:=string}/${var:+string}/${var:?string}/${var%pattern}/${var#pattern}/${var%%pattern}/${var##pattern}
简单记录一下大小括号在Linux中的用处. 1.${var},这是Linux中变量的原形.所以$var,别忘记了你的本来面目. # a= # echo $a # echo ${a} # echo ${ ...
- JS使用正则表达式获取小括号、中括号及花括号内容的方法示例
本文实例讲述了JS使用正则表达式获取小括号.中括号及花括号内容的方法.分享给大家供大家参考,具体如下: JS 正则表达式 获取小括号 中括号 花括号内的内容 <!DOCTYPE html> ...
随机推荐
- [Sdoi2017]硬币游戏 [高斯消元 KMP]
[Sdoi2017]硬币游戏 题意:硬币序列,H T等概率出现,\(n \le 300\)个人猜了一个长为$ m \le 300$的字符串,出现即获胜游戏结束.求每个人获胜概率 考场用了[1444: ...
- 小甲鱼OD学习第3讲
这次我们的任务是破解这个过期的软件,效果如图所示 我们通过阅读代码,知道这个程序的执行流程如图中注释所示 观看下图注释所示 这是失败的提示代码 这是成功的提示代码 最后我们可以得出结论,成功破解软件的 ...
- 将你的Python Web程序部署到Ubuntu服务器上
在本文记录了我在Ubuntu中部署Flask Web站点的过程, 其中包括用户创建.代码获取.Python3环境的安装.虚拟环境设置.uWSGI启动程序设置,并将Nginx作为前端反向代理.希望对各位 ...
- uboot之ldr指令
刚开始接触uboot的时候,就一直对ldr指令很迷惑,因为这个指令有两层用法,一个是加载,一个是伪指令.今天闲着没事就来说一下这两个之间的区别. LDR伪指令的形式是"LDR Rn,=exp ...
- MySQL5.7 group by新特性,报错1055
项目中本来使用的是mysql5.6进行开发,切换到5.7之后,突然发现原来的一些sql运行都报错,错误编码1055,错误信息和sql_mode中的"only_full_group_by&qu ...
- MySQL创建带有编码的数据库
mysql> create database chao default character set utf8 collate utf8_general_ci;
- [SDOI2015]序列统计
[SDOI2015]序列统计 标签: NTT 快速幂 Description 给你一个模m意义下的数集,需要用这个数集生成一个数列,使得这个数列在的乘积为x. 问方案数模\(1004535809\). ...
- 解决react-router4在browserhistory路由下的nginx的白屏或者404问题
使用react-router,官方推荐用browserhistory,美观简洁.但是nginx服务器端的配置也让人头疼. 首先看官方举例的方法: server { location / { try_f ...
- JDBC编程流程以及详细代码
加载驱动 打开连接 执行查询 处理结果 清理环境 import java.sql.ResultSet; import java.sql.SQLException; import java.sql.Co ...
- 机器学习策略——DeepLearning.AI课程总结
一.什么是ML策略 假设你正在训练一个分类器,你的系统已经达到了90%准确率,但是对于你的应用程序来说还不够好,此时你有很多的想法去继续改善你的系统: 收集更多训练数据 训练集的多样性不够,收集更多的 ...