DDR爱好者之家

JavaScript语法约定和程序调试原理解析
站长资源 2024/11/27 佚名
59 1538
DDR爱好者之家 Design By 杰米

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()行为可能会有所不同。

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

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

DDR爱好者之家 Design By 杰米
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
DDR爱好者之家 Design By 杰米
ddrfans.com DDR爱好者之家
8,675无损音乐
1,324高清电影
213破解软件
70,141收录资讯

更新日志

友情链接

杰晶网络 DDR爱好者之家 南强小屋 黑松山资源网 白云城资源网
DDR爱好者之家 Design By 杰米