深入浅析js中程序调试和语法约定的原理

  介绍

深入浅析js中程序调试和语法约定的原理?相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。

<强> JavaScript语法约定

1,大小写的区分

1)。JavaScript的关键字,永远都是小写的;

2)。内置对象,如数学和日期是以大写字母开头的;

3)。对象的名称通常是小写;若是多个单词,驼峰(骆驼)命名法。

驼峰(骆驼)命名法:开头单词小写,后面单词首字母大写。使用的很普遍,很多人习惯这种命名方法。示例:用户名。

2,变量,对象和函数的名称命名

当声明变量,对象和函数的名称时大小写,数字,下划线,美元符号都可以,但是必须以字母,下划线,美元符号开头。否者会出现未捕获SyntaxError类型的错误提示。

3分号“,“

JavaScript允许开发者自行决定是否以分号结束一行代码。
如果没有分号,JavaScript就将行代码的结尾看作该语句的结尾,不会报错。但最好每写完一行代码就加上”;“作为结尾。

4,运算符周围的空格

在运算符(=+ - */)周围以及逗号之后添加空格,如下:

var=2 + 5; var arr=[“a",“b",“c"];

5代码缩进

使用对代码块缩进使用4个空格,使代码块更加清晰。如以下格式:

函数isFunny () {
  var isTrue=true;
  如果(isTrue) {
  console.log(“你是对的”);
  }
  }

JavaScript语法约定的特点:

    <李>善代码可读性李 <>李提升代码可维护性李

<强> JavaScript程序调试

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

深入浅析js中程序调试和语法约定的原理

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

深入浅析js中程序调试和语法约定的原理

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

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

深入浅析js中程序调试和语法约定的原理”> <br/> </p> <p>断点调试细节后续讲到! ! ! </p> <ul> <李>网络:用于查看HTTP请求的详细信息,如请求,响应及返回内容等。</李> <李>时间表:用于查看脚本的执行时间,页面元素渲染时间等信息。</李> <李>概要:用于查看CPU执行时间与内存占用等信息。</李> <李>资源:用于查看当前页面所请求的资源文件,如HTML、CSS样式等。</李> <李>审核:用于优化前端页面,加速网页加载速度等。</李> </ul> <p> 2,用警惕,每次都弹框判断出错的位置</p> <p> alert()会阻塞UI和警报()以下的JavaScript代码的执行,必须点击& # 39;确定& # 39;按钮才能继续,非常低效。当使用警报()进行弹出时,最后产品上线后,会降低用户体验。</p> <p> 3,用console.log,这个数据量小还可以,调试时console.log是最常用的命令之一。</p> <p> console.log()可以接受任何字符串,数字和JavaScript对象。与警报()函数类似,console.log()也可以接受换行符\ n以及制表符\ t.console.log()语句所打印的调试信息可以在浏览器的调试控制台中看到。不同的浏览器中console.log()行为可能会有所不同。</p> <p class=看完上述内容,你们掌握深入浅析js中程序调试和语法约定的原理的方法了吗?如果还想学到更多技能或想了解更多相关内容,欢迎关注行业资讯频道,感谢各位的阅读!

深入浅析js中程序调试和语法约定的原理