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 相关文章推荐
利用google提供的API(JavaScript接口)获取网站访问者IP地理位置的代码详解
Jul 24 Javascript
textarea不能通过maxlength属性来限制字数的解决方法
Sep 01 Javascript
jQuery实现带动画效果的多级下拉菜单代码
Sep 08 Javascript
javascript判断网页是关闭还是刷新
Sep 12 Javascript
真正好用的js验证上传文件大小的简单方法
Oct 27 Javascript
解决前端跨域问题方案汇总
Nov 20 Javascript
JS自定义混合Mixin函数示例
Nov 26 Javascript
javascript判断回文数详解及实现代码
Feb 03 Javascript
jQuery插件FusionCharts绘制2D双折线图效果示例【附demo源码】
Apr 14 jQuery
Javascript中的作用域及块级作用域
Dec 08 Javascript
vuex的简单使用教程
Feb 02 Javascript
详解Vue项目编译后部署在非网站根目录的解决方案
Apr 26 Javascript
解决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入门之连接mysql数据库的一个类
2012/04/21 PHP
phpize的深入理解
2013/06/03 PHP
PHP内核探索:变量概述
2014/01/30 PHP
php实现的常见排序算法汇总
2014/09/08 PHP
php实现获取文件mime类型的方法
2015/02/11 PHP
PHP表单提交后引号前自动加反斜杠的原因及三种办法关闭php魔术引号
2015/09/30 PHP
THINKPHP截取中文字符串函数实例代码
2017/03/20 PHP
jquery 插件 web2.0分格的分页脚本,可用于ajax无刷新分页
2008/12/25 Javascript
控制input输入框中提示信息的显示和隐藏的方法
2014/02/12 Javascript
javascript匿名函数应用示例介绍
2014/03/07 Javascript
javascript trim函数在IE下不能用的解决方法
2014/09/12 Javascript
js实现简单的省市县三级联动效果实例
2016/02/18 Javascript
微信小程序开发教程-手势解锁实例
2017/01/06 Javascript
详解能在多种前端框架下使用的表格控件
2017/01/11 Javascript
Vue制作Todo List网页
2017/04/26 Javascript
详解js静态资源文件请求的处理
2017/08/01 Javascript
ES6学习教程之对象字面量详解
2017/10/09 Javascript
js实现鼠标移动到图片产生遮罩效果
2017/10/21 Javascript
浅谈Koa2框架利用CORS完成跨域ajax请求
2018/03/06 Javascript
基于Vue2实现简易的省市区县三级联动组件效果
2018/11/05 Javascript
JavaScript学习笔记之基于定时器实现图片无缝滚动功能详解
2019/01/09 Javascript
JS插入排序简单理解与实现方法分析
2019/11/25 Javascript
vue实现tab栏点击高亮效果
2020/08/19 Javascript
python对指定目录下文件进行批量重命名的方法
2015/04/18 Python
Pycharm无法使用已经安装Selenium的解决方法
2018/10/13 Python
python通过实例讲解反射机制
2019/10/17 Python
css3实现input输入框颜色渐变发光效果代码
2014/04/02 HTML / CSS
五分钟学会HTML5的WebSocket协议
2019/11/22 HTML / CSS
Hotels.com拉丁美洲:从豪华酒店到经济型酒店的预定优惠和折扣
2019/12/09 全球购物
介绍一下XMLHttpRequest对象的常用方法和属性
2013/05/24 面试题
大学生社会实践自我鉴定
2014/03/24 职场文书
节水倡议书范文
2014/04/15 职场文书
小学生竞选班长演讲稿
2014/04/24 职场文书
小学教师师德承诺书
2014/05/23 职场文书
井冈山红色之旅心得体会
2014/10/07 职场文书
银行服务理念口号
2015/12/25 职场文书