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 相关文章推荐
JavaScript类型转换方法及需要注意的问题小结(挺全面)
Nov 11 Javascript
jQuery 源码分析笔记(2) 变量列表
May 28 Javascript
jQuery 全选/反选以及单击行改变背景色实例
Jul 02 Javascript
AngularJS应用开发思维之依赖注入3
Aug 19 Javascript
Bootstrap Table的使用总结
Oct 08 Javascript
angular使用post、get向后台传参的问题实例
May 27 Javascript
详解微信小程序设置底部导航栏目方法
Jun 29 Javascript
快速掌握jquery分页插件jqPaginator的使用方法
Aug 09 jQuery
JS非空验证及邮箱验证的实例
Aug 11 Javascript
vscode 插件开发 + vue的操作方法
Jun 05 Javascript
vue-cli4使用全局less文件中的变量配置操作
Oct 21 Javascript
jquery插件实现悬浮的菜单
Apr 24 jQuery
解决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实现通过中文字符比率来判断垃圾评论的方法
2014/10/20 PHP
php使用fputcsv实现大数据的导出操作详解
2020/02/27 PHP
java script编程起步(第三课)
2007/01/10 Javascript
一个js的tab切换效果代码[代码分离]
2010/04/11 Javascript
原生js ActiveXObject获取execl里面的值
2013/11/01 Javascript
jQuery实现的指纹扫描效果实例(附演示与demo源码下载)
2016/01/26 Javascript
[原创]Bootstrap 中下拉菜单修改成鼠标悬停直接显示
2016/04/14 Javascript
浅谈js中的三种继承方式及其优缺点
2016/08/10 Javascript
简单谈谈Vue 模板各类数据绑定
2016/09/25 Javascript
JS正则表达式修饰符global(/g)用法分析
2016/12/27 Javascript
js实现密码强度检验
2017/01/15 Javascript
jquery.tableSort.js表格排序插件使用方法详解
2020/08/12 Javascript
javascript 单例模式详解及简单实例
2017/02/14 Javascript
javascript中replace使用方法总结
2017/03/01 Javascript
基于jQuery的左滑出现删除按钮的示例
2017/08/29 jQuery
Vue-cropper 图片裁剪的基本原理及思路讲解
2018/04/17 Javascript
微信小程序swiper使用网络图片不显示问题解决
2019/12/13 Javascript
Vue循环遍历选项赋值到对应控件的实现方法
2020/06/22 Javascript
[53:44]DOTA2-DPC中国联赛 正赛 PSG.LGD vs Magma BO3 第一场 1月31日
2021/03/11 DOTA
Python中常见的数据类型小结
2015/08/29 Python
python 捕获 shell/bash 脚本的输出结果实例
2017/01/04 Python
Python利用operator模块实现对象的多级排序详解
2017/05/09 Python
Pycharm技巧之代码跳转该如何回退
2017/07/16 Python
python实现壁纸批量下载代码实例
2018/01/25 Python
Python简单I/O操作示例
2019/03/18 Python
python实现二级登陆菜单及安装过程
2019/06/21 Python
python相对企业语言优势在哪
2020/06/12 Python
python使用列表的最佳方案
2020/08/12 Python
Canvas多边形绘制的实现方法
2019/08/05 HTML / CSS
澳大利亚吉他在线:Artist Guitars
2017/03/30 全球购物
汽车技术服务英文求职信范文
2014/01/02 职场文书
新闻编辑专业自荐信
2014/07/02 职场文书
骨干教师个人总结
2015/02/11 职场文书
学校开除通知书
2015/04/25 职场文书
SQL Server 数据库实验课第五周——常用查询条件
2021/04/05 SQL Server
Spring Boot DevTools 全局配置学习指南
2022/03/31 Java/Android