码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript 语法:语法约定与程序调试

时间:2020-10-26 11:48:31      阅读:29      评论:0      收藏:0      [点我收藏+]

标签:lock   允许   出现   点击   示例   占用   ESS   rip   fun   

作者:WangMin
格言:努力做好自己喜欢的每一件事

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 语法约定的特点:

  1. 改善代码可读性
  2. 提升代码可维护性

JavaScript 程序调试

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

技术图片

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

技术图片

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

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

技术图片
断点调试细节后续讲到!!!

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

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

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

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


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

JavaScript 语法:语法约定与程序调试

标签:lock   允许   出现   点击   示例   占用   ESS   rip   fun   

原文地址:https://www.cnblogs.com/wmbuke/p/13875955.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!