为什么要使用分号

分号告诉我们当前语句已终止,其后的其他语句是新语句。

使用分号可以消除查看以及合并解析代码时的歧义和混乱。

html

html中分号不是必须有,但最好写上

css

css中必须写分号分隔

js

js中分号不是必须要有的,看个人编码风格

一般来说,当前语句和下一行的语句无法合并解析,js会自动编译添加分号,但在某些特殊情况下必须手动添加分号:

①以小括号开头的语句

②以中括号开头的语句

解决办法:在行首加分号

如:

var c=x+f

(a+b)toString()

//报错,js解析成var y=x+f(a+b).toString();

正确写法如下:

var c=a+b

;("x"+"y")toString()

补充:如果当前语句和下一行的语句无法合并解析,JavaScript则在第一行后填补分号,这是通用规则,但是有两个例外

第一个例外:在涉及return、break、continue语句的场景中。如果这三个关键字后紧跟着换行,JavaScript会在换行处填补分号。如

return

ture

解析成renturn;ture

第二个例外是涉及“++”“--”运算符的时候。这些运算符可以作为表达式的前缀,也可以当做表达式的后缀。如果将其用作后缀表达式,它和表达式应当在同一行,否则,行位将填补分号,同时“++”或“--”将会作为下一行代码的前缀操作符并与之一起解析。如:

x

++

y

解析成x;++y

为避免歧义,以上情况需要严格注意换行格式。

以上为个人学习见解,如果有说的不恰当的地方,欢迎批评指正,谢谢!

html css js中分号的使用相关推荐

  1. html+css+js中的小知识点汇聚(无序 停更)

    HTML: css: 1.1css样式 1.id比class的优先级更高. 2.css规定的定位机制:标准文档流,浮动和绝对定位. 3.css样式分为:行内样式,内部样式和外部样式.(优先级遵循就近原 ...

  2. 疯狂的html css,疯狂Html+CSS+JS 中JS总结

    0 总结 本书的JS 第一章有讲语法有挺多常见的坑点和原理解释很不错 第二章DOM编程讲述了挺多API 第三章事件处理机制其实对事件中的this关键字和事件传播顺序讲4. 解还不错 第四章WebSto ...

  3. 疯狂Html+CSS+JS 中CSS总结

    1 级联样式与CSS选择器 1.1 CSS基本使用 1.1.1 引入CSS /* 不建议@import 性能问题 */ <link href="CSS文件路径" type=& ...

  4. js中html换行,javascript – 在css/js中的换行

    我正在寻找一种跨浏览器方式来包装长度预定宽度的div中没有​​空格(例如长网址)的文本. 这里有一些我在网上找到的解决方案,为什么他们不为我工作: > overflow:hidden / aut ...

  5. 表严肃:前端语言基础HTML+CSS+JS,JQuery

    课程链接HTML 课程链接CSS 课程链接JS 课程链接JQuery font-awesome使用 图标使用与效果: HTML HTML教程文档 一张网页一个html:内部是页面 body:放可见的显 ...

  6. 小白学前端——关于html,css,js分号使用问题

    这个是也是我不是很清楚,但其实很简单,很基础的问题. 我在听<JavaScript高级程序设计>这本书的时候,那个讲书的老师提到了这个问题. html:html里面分号不是必须有的,但是写 ...

  7. js和html以及css的区别,html、css、js中的区别与关系

    html.css.js中的区别与关系 2020/04/26 作者: 互盟股份 今天小盟给大家分享的是html.css.js中的区别与关系,相信很多人都不太了解,为了让大家更加了解html.css.js ...

  8. js修改地址栏url_在gulp、create-react-app中css,js中的文件路径

    我们的项目HTML文件单独放在一个服务器上,静态资源js.css.images放在我们的静态资源服务器上,这样部署后会出现一个问题,css文件中的图片相对路径,在html的服务器上就会变成 //htm ...

  9. js 中对于 css 的变量操作(React也可)

    文章目录 前言 一.设置CSS变量? 二.读取变量 三.删除变量 总结 前言 主要讲js 中对于 css 的变量操作: 前端框架:antd框架 一.设置CSS变量? document.body.sty ...

最新文章

  1. 使用Dockerfile制作镜像
  2. Sentinel(十九)之主流框架的适配
  3. python显示乱码_python2显示乱码问题实战详解
  4. 【每日算法Day 70】图解算法:小学生都会的数块数问题,你会吗?
  5. shell 死循环if判断_一个简单的shell脚本问题!怎么出现了死循环呢?谢谢
  6. 一部农村小孩学计算机的电影,10部关于教育的电影,每一部都经典!
  7. 【复变函数与积分变换】【第一章 复数与复变函数】
  8. his系统管理工具配置服务器,HIS系统(his管理系统)V3.0.1 官网版
  9. 关于mis系统开发的一些配置含义
  10. ps界面为啥突然变大了_PS教程丨皮肤美白修饰
  11. RecyclerView侧滑删除
  12. 透过招股书看知乎的价值投资逻辑
  13. 03-jQuery事件绑定和解绑
  14. 欧派caxa设计软件_欧派家居“领航者”杯CAXA设计大赛十强争霸 彰显设计实力
  15. skipping incompatible xxxx.a when searching for -lxxx问题的解决
  16. SATA系列专题之五:Link Power Management解析
  17. 二叉树的遍历(递归算法与非递归算法)
  18. UCOSIII任务调度和任务切换
  19. Unity 3D游戏九:粒子光环
  20. 寒假日报(1.23)

热门文章

  1. 梅宏院士:大数据技术的四大挑战与十大趋势
  2. [高通MSM8953_64][Android10]解决制作差分包不生成system_manifest.xml的问题
  3. sd-wan专线组网
  4. vue+videojs视频播放、视频切换、视频断点分段上传
  5. [从头读历史] 第310节 星球战争 BC2399 至 BC2300(公元前24世纪)
  6. 驭梦KTV点歌系统简介
  7. Linux系统之CentOS和Ubuntu的对比
  8. 如何改善客户体验和用户体验
  9. Android Studio计算BMI小软件
  10. 使用jsp+servlet实现增加和删除