加入收藏 | 设为首页 | 会员中心 | 我要投稿 云计算网_泰州站长网 (http://www.0523zz.com/)- 视觉智能、AI应用、CDN、行业物联网、智能数字人!
当前位置: 首页 > 综合聚焦 > 编程要点 > 语言 > 正文

JS的语法约定包括什么?程序调试原理怎样理解?

发布时间:2022-01-07 14:36:24 所属栏目:语言 来源:互联网
导读:本文给大家分享一些JavaScript的基础知识,这里我们会一起了解JS的语法约和程序调试原理的内容,本文对于新手学习JavaScript有一定的帮助,需要的朋友可以了解看看。 JavaScript 语法约定 1、大小写的区分 1). JavaScript的关键字,永远都是小写的; 2). 内
本文给大家分享一些JavaScript的基础知识,这里我们会一起了解JS的语法约和程序调试原理的内容,本文对于新手学习JavaScript有一定的帮助,需要的朋友可以了解看看。
 
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进入调试界面:
 
 
 
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是最常用的命令之一。
 
console.log()可以接受任何字符串、数字和JavaScript对象。与alert()函数类似,console.log()也可以接受换行符n以及制表符t。console.log()语句所打印的调试信息可以在浏览器的调试控制台中看到。不同的浏览器中console.log()行为可能会有所不同。

(编辑:云计算网_泰州站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    热点阅读