JavaScript语法约定和程序调试原理解析


Posted in Javascript onNovember 03, 2020

JavaScript 语法约定

1、大小写的区分

1). JavaScript的关键字,永远都是小写的;

2). 内置对象,如Math和Date是以大写字母开头的;

3). 对象的名称通常是小写;若是多个单词,驼峰(Camel)命名法。

驼峰(Camel)命名法:开头单词小写,后面单词首字母大写。使用的很普遍,很多人习惯这种命名方法。示例:userName。

2、变量、对象和函数的名称命名

当声明变量、对象和函数的名称时大小写,数字,下划线,美元符号都可以,但是必须以字母,下划线,美元符号开头。否者会出现Uncaught SyntaxError类型的错误提示。

3、分号 ";"

JavaScript允许开发者自行决定是否以分号结束一行代码。
如果没有分号,JavaScript就将行代码的结尾看作该语句的结尾,不会报错。但最好每写完一行代码就加上";" 作为结尾。

4、运算符周围的空格

在运算符( = + - * / )周围以及逗号之后添加空格,如下:

var a = 2 + 5;var arr = ["a", "b", "c"];

5、代码缩进

使用对代码块缩进使用 4 个空格,使代码块更加清晰。如以下格式:

function isFunny(){
  var isTrue=true;
	if(isTrue){
		console.log("你是对的");
	}
}

JavaScript 语法约定的特点:

  • 善代码可读性
  • 提升代码可维护性

JavaScript 程序调试

1、打开浏览器,按F12进入调试界面:

JavaScript语法约定和程序调试原理解析

Elements:用于查看和编辑当前页面中的HTML和CSS元素。

JavaScript语法约定和程序调试原理解析

Console:用于显示脚本中所输出的调试信息,或运行测试脚本等。

Sources:用于查看和调试当前页面所加载的脚本的源文件。在source目录下进行调试。在该模式下,点击js里每一行即可以加断点。

JavaScript语法约定和程序调试原理解析

断点调试细节后续讲到!!!

  • Network:用于查看HTTP请求的详细信息,如请求,响应及返回内容等。
  • Timeline:用于查看脚本的执行时间,页面元素渲染时间等信息。
  • Profiles:用于查看CPU执行时间与内存占用等信息。
  • Resource:用于查看当前页面所请求的资源文件,如HTML,CSS样式等。
  • Audits: 用于优化前端页面,加速网页加载速度等。

2、用alert,每次都弹框判断出错的位置

alert() 会阻塞 UI 和 alert() 以下的 javascript 代码的执行,必须点击 '确定' 按钮才能继续,非常低效。当使用 alert() 进行弹出时,最后产品上线后,会降低用户体验。

3、用console.log,这个数据量小还可以,调试时console.log是最常用的命令之一。

console.log()可以接受任何字符串、数字和JavaScript对象。与alert()函数类似,console.log()也可以接受换行符\n以及制表符\t。console.log()语句所打印的调试信息可以在浏览器的调试控制台中看到。不同的浏览器中console.log()行为可能会有所不同。

以上仅是个人见解,若有不足之处欢迎在下方评论指出,那就先分享到这里!! ? 后续继续更新!!

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
dess中一个简单的多路委托的实现
Jul 20 Javascript
JQuery 给元素绑定click事件多次执行的解决方法
Sep 09 Javascript
《JavaScript DOM 编程艺术》读书笔记之JavaScript 简史
Jan 09 Javascript
JavaScript父子窗体间的调用方法
Mar 31 Javascript
Highcharts使用简例及异步动态读取数据
Dec 30 Javascript
ClearTimeout消除闪动实例代码
Feb 29 Javascript
Node.js程序中的本地文件操作用法小结
Mar 06 Javascript
jQuery基于排序功能实现上移、下移的方法
Nov 26 Javascript
微信小程序如何获取openid及用户信息
Jan 26 Javascript
jQuery实现通过方向键控制div块上下左右移动的方法【测试可用】
Apr 26 jQuery
Vue项目History模式404问题解决方法
Oct 31 Javascript
微信小程序实现文件预览
Oct 22 Javascript
解决vux 中popup 组件Mask 遮罩在最上层的问题
Nov 03 #Javascript
React Native登录之指纹登录篇的示例代码
Nov 03 #Javascript
解决VantUI popup 弹窗不弹出或无蒙层的问题
Nov 03 #Javascript
wepy--用vantUI 实现上弹列表并选择相应的值操作
Nov 03 #Javascript
使用vant的地域控件追加全部选项
Nov 03 #Javascript
vue vant中picker组件的使用
Nov 03 #Javascript
vue-amap根据地址回显地图并mark的操作
Nov 03 #Javascript
You might like
ThinkPHP里用U方法调用js文件实例
2015/06/18 PHP
开启PHP的伪静态模式
2015/12/31 PHP
分享2个jQuery插件--jquery.fileupload与artdialog
2014/12/26 Javascript
js网页滚动条滚动事件实例分析
2015/05/05 Javascript
AspNet中使用JQuery上传插件Uploadify详解
2015/05/20 Javascript
JS实现自动变化的导航菜单效果代码
2015/09/09 Javascript
JS中call/apply、arguments、undefined/null方法详解
2016/02/15 Javascript
深入理解JavaScript中的对象复制(Object Clone)
2016/05/18 Javascript
angularJS Provider、factory、service详解及实例代码
2016/09/21 Javascript
Bootstrap CSS布局之图像
2016/12/17 Javascript
原生JS实现图片轮播效果
2016/12/26 Javascript
js中开关变量使用实例
2017/02/24 Javascript
Angularjs 动态添加指令并绑定事件的方法
2017/04/13 Javascript
input 标签实现输入框带提示文字效果(两种方法)
2017/10/09 Javascript
vue.js过滤器+ajax实现事件监听及后台php数据交互实例
2018/05/22 Javascript
element-ui中dialog弹窗关闭按钮失效的解决
2020/09/22 Javascript
[36:02]DOTA2上海特级锦标赛D组小组赛#2 Liquid VS VP第一局
2016/02/28 DOTA
[01:29:17]RNG vs Liquid 2019国际邀请赛淘汰赛 败者组 BO3 第二场 8.23
2019/09/05 DOTA
python列出目录下指定文件与子目录的方法
2015/07/03 Python
Python与人工神经网络:使用神经网络识别手写图像介绍
2017/12/19 Python
python docx 中文字体设置的操作方法
2018/05/08 Python
python性能测量工具cProfile使用解析
2019/09/26 Python
python实现百度OCR图片识别过程解析
2020/01/17 Python
Python键鼠操作自动化库PyAutoGUI简介(小结)
2020/05/17 Python
捷克电器和DJ设备网上商店:Electronic-star
2017/07/18 全球购物
电气个人求职信范文
2014/02/04 职场文书
平安校园建设方案
2014/05/02 职场文书
工作岗位说明书模板
2014/05/09 职场文书
财务人员担保书
2014/05/13 职场文书
演讲比赛的活动方案
2014/08/28 职场文书
公司副总经理岗位职责
2014/10/01 职场文书
优秀大学生事迹材料
2014/12/24 职场文书
西安事变观后感
2015/06/12 职场文书
小学教育见习总结
2015/06/23 职场文书
Redis 哨兵集群的实现
2021/06/18 Redis
Go语言测试库testify使用学习
2022/07/23 Golang