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幻灯片可循环播放可平滑旋转带滚动导航(自写)
Aug 05 Javascript
利用js动态添加删除table行的示例代码
Dec 16 Javascript
JS中的构造函数详细解析
Mar 10 Javascript
JS实现的自定义显示加载等待图片插件(loading.gif)
Jun 17 Javascript
javascript中sort排序实例详解
Jul 24 Javascript
详解Vue爬坑之vuex初识
Jun 14 Javascript
JavaScript之生成器_动力节点Java学院整理
Jun 30 Javascript
CSS3结合jQuery实现动画效果及回调函数的实例
Dec 27 jQuery
js统计页面上每个标签的数量实例代码
May 29 Javascript
微信小程序常用赋值方法小结
Apr 30 Javascript
细说webpack6 Babel的使用详解
Sep 26 Javascript
微信小程序实现多张图片上传功能
Nov 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 CURL用法的深入分析
2013/06/09 PHP
PHP面向对象精要总结
2014/11/07 PHP
php-fpm服务启动脚本的方法
2018/04/27 PHP
jquery 入门教程 [翻译] 推荐
2009/08/17 Javascript
自制轻量级仿jQuery.boxy对话框插件代码
2010/10/26 Javascript
javascript模拟地球旋转效果代码实例
2013/12/02 Javascript
原生js和jQuery写的网页选项卡特效对比
2015/04/27 Javascript
AngularJS实现元素显示和隐藏的几个案例
2015/12/09 Javascript
EasyUI的TreeGrid的过滤功能的解决思路
2017/08/08 Javascript
AngularJS日程表案例详解
2017/08/15 Javascript
Angular4学习教程之HTML属性绑定的方法
2018/01/04 Javascript
利用ECharts.js画K线图的方法示例
2018/01/10 Javascript
vue自定义移动端touch事件之点击、滑动、长按事件
2018/07/10 Javascript
原生JS实现手动轮播图效果实例代码
2018/11/22 Javascript
微信小程序实现类似微信点击语音播放效果
2020/03/30 Javascript
uni-app如何实现增量更新功能
2020/01/03 Javascript
javascript+Canvas实现画板功能
2020/06/23 Javascript
Python使用Flask框架同时上传多个文件的方法
2015/03/21 Python
详解Python中的type()方法的使用
2015/05/21 Python
Python中单例模式总结
2018/02/20 Python
python3+PyQt5+Qt Designer实现堆叠窗口部件
2018/04/20 Python
redis之django-redis的简单缓存使用
2018/06/07 Python
python添加菜单图文讲解
2019/06/04 Python
pycharm中显示CSS提示的知识点总结
2019/07/29 Python
Python closure闭包解释及其注意点详解
2019/08/28 Python
Python连接Mysql进行增删改查的示例代码
2020/08/03 Python
Pycharm同步远程服务器调试的方法步骤
2020/11/04 Python
html5使用canvas绘制太阳系效果
2014/12/15 HTML / CSS
Holiday Inn中国官网:IHG旗下假日酒店预订
2018/04/08 全球购物
戴尔荷兰官方网站:Dell荷兰
2020/10/04 全球购物
预备党员思想汇报范文
2014/01/11 职场文书
创业大赛策划书
2014/03/01 职场文书
离婚协议书怎么写
2014/09/12 职场文书
授权委托书样本及填写说明
2014/09/19 职场文书
未受刑事制裁公证证明
2014/09/20 职场文书
商务信函英语问候语
2015/11/10 职场文书