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> ...
随机推荐
- POJ [P2631] Roads in the North
树的直径 树的直径求法: 任取一点u,找到树上距u最远的点s 找到树上距s点最远的点t,s->t的距离即为所求 #include <iostream> #include <cs ...
- BZOJ 4129: Haruna’s Breakfast [树上莫队 分块]
传送门 题意: 单点修改,求一条链的mex 分块维护权值,$O(1)$修改$O(S)$求mex...... 带修改树上莫队 #include <iostream> #include < ...
- Trie树/字典树题目(2017今日头条笔试题:异或)
/* 本程序说明: [编程题] 异或 时间限制:1秒 空间限制:32768K 给定整数m以及n个数字A1,A2,..An,将数列A中所有元素两两异或,共能得到n(n-1)/2个结果,请求出这些结果中大 ...
- 用Android属性动画实现和演示迪士尼动画基本原则
本文将介绍在Android平台上实现和演示迪士尼动画基本准则. 项目开源,GitHub: https://github.com/vhow/animation 说明: 演示动画原则的想法源自 Anima ...
- PHP码农在Golang压力下的生存之道-PHP性能优化实践
随着国内Golang的火爆,phper的生存压力越来越大,在一次内部技术讨论中,gopher甚至提出,要什么php,写php的全部开掉,唉,码农何苦为难码农. 本文试图寻找一种有效实践,减少php w ...
- 项目中引入composer
众所周知,composer可以自定义加载插件库和依赖,它也是用PHP写的,怎样在自己的项目中引入并使用composer呢?. 1.新建一个项目,在项目的根目录创建composer.json文件,用过一 ...
- FTP主动模式和被动模式
FTP主动模式和被动模式 FTP是仅基于TCP的服务,不支持UDP.与众不同的是FTP使用2个端口,一个数据端口和一个命令端口(也可叫做控制端口).通常来说这两个端口是21(命令端口)和20(数据端口 ...
- 存个emacs配置
emacs配置 (global-set-key [f9] 'compile-file) (global-set-key [f10] 'gud-gdb) (global-set-key (kbd &qu ...
- bzoj 3669: [Noi2014]魔法森林
bzoj 3669: [Noi2014]魔法森林 Description 为了得到书法大家的真传,小E同学下定决心去拜访住在魔法森林中的隐士.魔法森林可以被看成一个包含个N节点M条边的无向图,节点标号 ...
- Nginx 调优经验记录
1.2017年连续爆出5.x版本xshell安全问题和intel的cpu设计漏洞 ,此时我就注意到尽量少暴露自己线上使用的工具以及版本.例如:mysql版本,以及缓存层策略,服务器版本等,以下为 隐藏 ...