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 相关文章推荐
js中的escape及unescape函数的php实现代码
Sep 04 Javascript
关于可运行代码无法正常执行的使用说明
May 13 Javascript
Iframe自适应高度绝对好使的代码 兼容IE,遨游,火狐
Jan 27 Javascript
捕获和分析JavaScript Error的方法
Mar 25 Javascript
jQuery模拟黑客帝国矩阵效果实例
Jun 28 Javascript
早该知道的7个JavaScript技巧
Jun 21 Javascript
在微信、支付宝、百度钱包实现点击返回按钮关闭当前页面和窗口的方法
Aug 05 Javascript
JavaScript之事件委托实例(附原生js和jQuery代码)
Jul 22 jQuery
js实现前面自动补全位数的方法
Oct 10 Javascript
vue项目动态设置页面title及是否缓存页面的问题
Nov 08 Javascript
微信小程序实现联动选择器
Feb 15 Javascript
小程序云开发教程如何使用云函数实现点赞功能
May 18 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
PHP has encountered an Access Violation at 7C94BD02解决方法
2009/08/24 PHP
php实现数组筛选奇数和偶数示例
2014/04/11 PHP
php匹配字符中链接地址的方法
2014/12/22 PHP
PHP数学运算函数大汇总(经典值得收藏)
2016/04/01 PHP
使用PHPExcel实现数据批量导出为excel表格的方法(必看)
2017/06/09 PHP
laravel5.4生成验证码的实例讲解
2017/08/05 PHP
PHP实现的超长文本分页显示功能示例
2018/06/04 PHP
javascript 选择文件夹对话框(web)
2009/07/07 Javascript
javascript深入理解js闭包
2010/07/03 Javascript
jQuery之按钮组件的深入解析
2013/06/19 Javascript
JS定义回车事件(实现代码)
2013/07/08 Javascript
流量统计器如何鉴别C#:WebBrowser中伪造referer
2015/01/07 Javascript
实例详解ECMAScript5中新增的Array方法
2016/04/05 Javascript
vue-hook-form使用详解
2017/04/07 Javascript
d3.js入门教程之数据绑定详解
2017/04/28 Javascript
javascript中UMD规范的代码推演
2018/08/29 Javascript
JS函数进阶之prototy用法实例分析
2020/01/15 Javascript
八种Vue组件间通讯方式合集(推荐)
2020/08/18 Javascript
python编程之requests在网络请求中添加cookies参数方法详解
2017/10/25 Python
Python如何优雅获取本机IP方法
2019/11/10 Python
numpy.linalg.eig() 计算矩阵特征向量方式
2019/11/29 Python
opencv3/python 鼠标响应操作详解
2019/12/11 Python
Python 高效编程技巧分享
2020/09/10 Python
俄罗斯最大的香水和化妆品网上商店:Randewoo
2020/11/05 全球购物
外语专业毕业生自我评价分享
2013/10/05 职场文书
公司董事长职责
2013/12/12 职场文书
专升本个人自我评价
2013/12/22 职场文书
怎样写演讲稿
2014/01/04 职场文书
优秀实习生感言
2014/03/01 职场文书
教师师德演讲稿
2014/05/06 职场文书
儿童生日会策划方案
2014/05/15 职场文书
健康教育评估方案
2014/05/25 职场文书
2015年党员干部承诺书
2015/01/21 职场文书
小学生节约用水倡议书
2019/08/12 职场文书
Redis 哨兵集群的实现
2021/06/18 Redis
Python基于百度API识别并提取图片中文字
2021/06/27 Python