Javascript核心读书有感之词法结构


Posted in Javascript onFebruary 01, 2015

编程语言的词法结构是一套基础性的规则,用来描述你如何编写这门语言。作为语法的基础,它规定了变量名是怎么样的,如何写注释,以及语句之间是如何区分的。本节用很短的篇幅来介绍javascript的词法结构。

1.字符集

javascript程序是用Unicode字符集编写的,Unicode是ASCII和Latin-1的超集,并支持地区上几乎所有的语言。ECMAscript3要求javascript的实现必须支持Unicode2,1及后续版本,ECMAscript5则要求支持Unicode3及后续版本

i.区分大小写

javascript是区分大小写的语言,也就是说关键字、变量、函数名和所有的表述字符都必须采用一致的大小写 ,比如关键字while必须写成while,不能写成While或者WHILE。

但需要注意的是html并不区分大小写(尽管xhtml区分),由于它和客户端javascript联系紧密,因此很容易混淆。例如在html设置的处理事件中,onclick属性可以写成onClick,但在javascript中编写写成小写的onclick。

ii空格、换行符、和格式控制器

javascript会忽略程序中的标示(token)之间的空格,多数情况下,javascript同样会忽略换行符。由于可以在代码中随意使用空格和换行符,一次可以采用整齐和一致的缩进来形成统一的编码风格,提高代码的可读性。

javascript除了识别空格符(\u0020)。javascript还师表如下标示空格的字符:水平制表符(\u0009)、垂直制表符(\u000B)、换页符(\u000C)、不中断空白符(\u00A0)、字节序标记(\uFEFF),以及在Unicode中所有Zs类别的字符。javascript将如下字符识别为结束符:换行符(\u000A),回车符号(\u000D),行分隔符(\u2028),段分隔符号(\u2029)。回车符加换行符在一起呗解析为一个单行的结束符。

Unicode格式控制字符(Cf类),比如“从右至左书写标记”(\u200F)和从“从左至右书写标记”(\u200E),控制着文本的视觉显示。这对一些非英语文本的正确显示来说是至关重要的,这些字符可以在javascript的注释,字符串直接量和正则表达式直接量中,但不能用在标示符(比如,变量名)中,但有个例外零宽连接符(\u200D)和零宽非连接符(\uFEFF)是可以出现在标示符中,但不能作为标识符的手字符。上文也提到了,字节序标记格式控制符(\uFEFF)被当成了空格来对待

iii.Unicode转义序列

在有些计算机硬件和软件里,无法显示或输入Unicode字符全集。为了支持哪些使用老旧技术的程序员,javascript定义了一种特殊序列,使用6个ASCII字符来代表任意16位的Unicode内码。这些Unicode转义序列以\u为前缀,其后跟随十六进制鼠(使用数字以及大小写字母A-F表示)。这种Unicode转义写法可以用在javascript字符串直接量、正则表达式之江路和标示符中(关键字除外)。例如字符é的Unicode转义写法为\u00E9,如下两个Javascript字符串完全是一样的。

    "café" === "caf\u00e9" => true
Unicode转义写法可以出现在注释中,但是由于javascript会将注释忽略,他们只是被当成成上下文中的ascii字符处理,并不会接下到对于的Unicode字符

iiii标准化

Unicode允许使用多种方法对同一个字符进行编码。比如字符é可以使用Unicode字符\u00E9,也可以使用普通的ascii字符e跟随一个语调符号\u0301 ,在文本编辑器中,这两个编码显示的结果是一摸一样的,但是它们的二进制编码表示是不一样的,在计算机里也不相等。Unicode标准为索引字符定义了一个首选的代码格式,并给出了一个标准化的处理方式将文本转化为一种适合比较的标准格式,不会再对其它表示、字符串或者正则表达式做标准化处理。

2.注释

javascript支持两种注释方式,在行尾"//"之后的文本都会被javascript当做注释忽略掉的。
此外/*和*/之间的文本也会当做注释。这种注释可以跨行书写,但不能有嵌套注释。

//单行注释
/*
*
*
*
*/
3.直接量

所谓直接量(literal),就是程序中直接使用的数据值,下面列出直接量

        12 //数字

             1.2 //小数

                "Hllo World" //字符串文本

            'hi' //另一个字符串

            true //布尔值

             false //布尔值

                / javascript / gi //正则表达式直接量(用做模式匹配)

             null //空

第3章会详细讲解数字和字符串直接量。正则表达式直接量会在第10章讲解。更多福祉的表达式,可以写成数组或对象直接量。

              {x:1,y:2} //对象
            [1,2,3,4,5] //数组

4.标识符和保留字

标识符就是一个名字。在javascript中,标识符用来对变量和函数进行命名,或者用做javascript代码中某些循环语句中的跳转位置的标记。javascript标识符必须以字母。下划线、或者美元符号开始。后续的字符可以是字母。数字。下划线或者美元符号(数字是不许作为首字母出现的,一遍javascript可以轻易区分开标识符和数字)、下面是合法的标识符

my_variable_name

            b13

            _dummy

            $str

处于可移植性和易于书写的考虑,通常我们只使用只使用ASCII字母和数字来书写标识符。然后需要注意的是,javascript允许标识符中出现Unicode字符全集中的字母和数字(从技术来将ECMAScript允许在标识符的首字符后面出现Unicode字符机制的Mn类,Mc类和P才类)、因此,程序员可以使用非英语的语言或者数学符号来书写标识符

var sá = true;

            var π = 3.14;

javascript把一些标识符拿出来自己用做关键字,因此名就不能再在程序中把这些关键字用做标示符了。

break

case

catch

continue

default

delete

do

else

finally

for

function

if

in

instanceof

new

return

switch

this

throw

try

typeof

var

void

while

with

javascript保留字

class const enum export
export extends import super
另外,这些关键字在普通的javascript中是合法的,但在严格模式下是保留字

implements let private public yield interface package
    protected static
同样严格模式下对下面的标识符做了严格的限制,但不能做变量名、参数名和函数名。

arguments eval
javascript的具体实现可能定义独有的全局变量和函数,每一种特定的javascript运行环境(客户端)服务器等都有自己的一个全局属性列表,这一点是需要牢记的。(window对象来了解客户端javascript中定义全局变量和函数列表)

5.可选的分号

和很多编程语言一样,javascript使用分号(;)将语句分隔开。这对增强代码的可读性和整洁性是非常重要的,缺少分隔符一条语句结束就成了下一条语句的开始,反之亦然。
在javascript中,各自语句独占一行,通常可以省略语句之间的分号(程序结尾处使用“}”花括弧之前的分号也可以省略)。很多javascript程序员(包括本书的代码示例)都是使用分号来明确标记语句的结束,即使在并不完全需要分号的时候也是如此,另一种风格是在任何可以省略分号时都将其省略,只有在不得不使用的时候才使用分号,不管哪种编程风格,关于javascript有几个细节需要注意。
如下代码,第一个分号是可以省略的

a=3;
b=4;
但如果按照如下格式书写,第一个分号则不能省略。

a=3;b=4;
需要注意的是,javascript并不是在所有的换行处都填补分号:只有在缺少了分号就无法正常解析代码的时候,javascript才会填补分号,换句话说(类似下面代码中的两处异常),如果当前的语句和随后的的非空格字符不能当成一个整体解析的话,javascript就在当前语句的结束处来填补分号,看下如下代码

        var a
        a
        =
        3
        console.log(a)
javascript将其解析为

var a;a=3;console.log(a);
javascript给第一行处添加了分号,如果没有分号,javascript就无法解析代码中的var a a。第二个a可以单独当做一条语句“a;”,但javascript没有给第二行结尾处填补分号。因为它可以和第三行内容一起解析成"a=3;" .

有些语句的分隔规则会导致一些想不到的情形,这顿断码分成了两行,看起来是两条独立的语句。

             var y = x + f
            (a+b).toString()
第二行的圆括号却和第一行的f组成了一个函数调用,javascript会把这段代码看做

var y = x+f(a+b).toString();
显然代码的本意不是这样,为了能让上述代码解析成两条不同的语句,必须手动填写行为的显示分号

通常来讲,如果一条语句以 ( [ / + -开始,那么它极有可能和前条语句组合在一起解析,以/ + -开始的语句不很常见,但以( [开始的语句则非常常见。至少在一些javascript编码符风格中是很常见的。有点程序员喜欢保守的在语句前边加上一个分号,这样,哪怕之前的语句被修稿了,分号被误删了,当前语句还是会正确的解析;
如果当前语句和下一行语句无法合并解析。javascript则在第一行后填补分号,这是通用规则,但有两个列外。第一个例外是涉及到returnm,birak,he continue语句,如果这三个关键字后紧跟着换行。javascript则会在换行处填补分号。例如

例如

return
true;
而 javascript解析成

return;ture;
而代码的本意是

    return ture;
也就是说return,break,contuine好的随后的表达式之间不能有换行,如果添加了换行,程序则在极有特殊情况才能报错。而且程序的调试很不方便。

第二个例子是涉及到++ --运算符时,这些表达式符号可以代表标识符表达式的前缀和后缀。如果将其又再后表达式,如果的将其用做后缀表达式。它和表达式应该看做一行。否则行尾将填补分号。

x

++

yy

以上代码解析为

 x;

++y
Javascript 相关文章推荐
让人期待的2011年度最佳 jQuery 插件分享
Mar 16 Javascript
jquery实现的简单二级菜单效果代码
Sep 22 Javascript
javascript使用 concat 方法对数组进行合并的方法
Sep 08 Javascript
jquery判断类型是不是number类型的实例代码
Oct 07 Javascript
Node.js用readline模块实现输入输出
Dec 16 Javascript
Bootstrap CSS组件之面包屑导航(breadcrumb)
Dec 17 Javascript
react native与webview通信的示例代码
Sep 25 Javascript
ES6中Class类的静态方法实例小结
Oct 28 Javascript
ReactNative之FlatList的具体使用方法
Nov 29 Javascript
webpack4+Vue搭建自己的Vue-cli项目过程分享
Aug 29 Javascript
微信小程序实现banner图轮播效果
Jun 28 Javascript
微信小程序云开发实现数据添加、查询和分页
May 17 Javascript
Javascript核心读书有感之语言核心
Feb 01 #Javascript
jQuery功能函数详解
Feb 01 #Javascript
jQuery动画与特效详解
Feb 01 #Javascript
jquery制作 随机弹跳的小球特效
Feb 01 #Javascript
jQuery实现单击和鼠标感应事件
Feb 01 #Javascript
jquery制作LED 时钟特效
Feb 01 #Javascript
thinkphp 表名 大小写 窍门
Feb 01 #Javascript
You might like
php 时间计算问题小结
2009/01/04 PHP
php中simplexml_load_file函数用法实例
2014/11/12 PHP
Discuz!X中SESSION机制实例详解
2015/09/23 PHP
js异步加载的三种解决方案
2013/03/04 Javascript
$.getJSON在IE下失效的原因分析及解决方法
2013/06/16 Javascript
深入理解jQuery中live与bind方法的区别
2013/12/18 Javascript
收集json解析的四种方法分享
2014/01/17 Javascript
jquery实现页面图片等比例放大缩小功能
2014/02/12 Javascript
jQuery CSS()方法改变现有的CSS样式表
2014/09/09 Javascript
JavaScript中的公有、私有、特权和静态成员用法分析
2014/11/20 Javascript
JS显示表格内指定行html代码的方法
2015/03/31 Javascript
JSON 的正确用法探讨:Pyhong、MongoDB、JavaScript与Ajax
2016/05/15 Javascript
JavaScript中 ES6 generator数据类型详解
2016/08/11 Javascript
详解使用webpack打包编写一个vue-toast插件
2017/11/08 Javascript
Node.js静态服务器的实现方法
2018/02/28 Javascript
js module大战
2019/04/19 Javascript
再也不怕 JavaScript 报错了,怎么看怎么处理都在这儿
2020/12/09 Javascript
Python利用pyHook实现监听用户鼠标与键盘事件
2014/08/21 Python
Python读写unicode文件的方法
2015/07/10 Python
python如何通过protobuf实现rpc
2016/03/06 Python
python中的decorator的作用详解
2018/07/26 Python
python3下pygame如何实现显示中文
2020/01/11 Python
python中有函数重载吗
2020/05/28 Python
解决python图像处理图像赋值后变为白色的问题
2020/06/04 Python
Grid 宫格常用布局的实现
2020/01/10 HTML / CSS
html5 跨文档消息传输示例探讨
2013/04/01 HTML / CSS
多视角3D逼真HTML5水波动画
2016/03/03 HTML / CSS
Kendra Scott官网:美国领先的时尚配饰品牌
2020/10/22 全球购物
税务干部鉴定材料
2014/02/11 职场文书
材料成型及控制工程专业求职信
2014/06/19 职场文书
门卫岗位职责说明书
2014/08/18 职场文书
2015年乡镇食品安全工作总结
2015/10/22 职场文书
世界文化遗产导游词
2019/08/07 职场文书
pytorch 如何使用batch训练lstm网络
2021/05/28 Python
javascript拖曳互换div的位置实现示例
2021/06/28 Javascript
Pillow图像处理库安装及使用
2022/04/12 Python