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 相关文章推荐
html读出文本文件内容
Jan 22 Javascript
JavaScript 学习笔记(六)
Dec 31 Javascript
jQuery autocomplate 自扩展插件、自动完成示例代码
Mar 28 Javascript
利用JavaScript实现新闻滚动效果(实例代码)
Nov 27 Javascript
动态加载js、css等文件跨iframe实现
Feb 24 Javascript
jquery实现在页面加载完毕后获取图片高度或宽度
Jun 16 Javascript
如何在JS中实现相互转换XML和JSON
Jul 19 Javascript
JS获取浮动(float)元素的style.left值为空的快速解决办法
Feb 19 Javascript
如何使用Bootstrap创建表单
Mar 29 Javascript
JS+Ajax实现百度智能搜索框
Aug 04 Javascript
Node对CommonJS的模块规范
Nov 06 Javascript
Node与Python 双向通信的实现代码
Jul 16 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基础教程(php入门基础教程)一些code代码
2013/01/06 PHP
PHP实现财务审核通过后返现金额到客户的功能
2019/07/04 PHP
XAMPP升级PHP版本实现步骤解析
2020/09/04 PHP
分析 JavaScript 中令人困惑的变量赋值
2007/08/13 Javascript
使用Javascript接收get传递的值的代码
2011/11/30 Javascript
jQuery Checkbox 全选 反选的简单实例
2016/11/29 Javascript
微信小程序 地图map详解及简单实例
2017/01/10 Javascript
Javascript网页抢红包外挂实现分享
2018/01/11 Javascript
javascript实现获取一个日期段内每天不同的价格(计算入住总价格)
2018/02/05 Javascript
vue.js获得当前元素的文字信息方法
2018/03/09 Javascript
Node.js实现注册邮箱激活功能的方法示例
2018/03/23 Javascript
JS实现用特殊符号替换字符串的中间部分区域的实例代码
2018/07/24 Javascript
深入解析koa之异步回调处理
2019/06/17 Javascript
[02:18]DOTA2英雄基础教程 育母蜘蛛
2014/01/20 DOTA
[01:14]DOTA2亚洲邀请赛小组赛赛前花絮
2017/03/27 DOTA
[00:59]DOTA2英雄背景故事——上古巨神
2020/06/28 DOTA
python 七种邮件内容发送方法实例
2014/04/22 Python
Python抓取电影天堂电影信息的代码
2016/04/07 Python
Python 从相对路径下import的方法
2018/12/04 Python
如何运行.ipynb文件的图文讲解
2019/06/27 Python
python爬虫的一个常见简单js反爬详解
2019/07/09 Python
使用Python制作表情包实现换脸功能
2019/07/19 Python
python数值基础知识浅析
2019/11/19 Python
Python爬虫之Selenium多窗口切换的实现
2020/12/04 Python
Dr. Martens马汀博士法国官网:马丁靴鼻祖
2020/01/15 全球购物
迪卡侬印尼体育用品商店:Decathlon印尼
2020/03/11 全球购物
康拓普公司Java笔面试
2016/09/23 面试题
C语言怎样定义和声明全局变量和函数最好
2013/11/26 面试题
Ruby如何定义一个类
2012/10/08 面试题
网络工程系信息安全技术专业大学生求职信
2013/10/22 职场文书
资产经营总监岗位职责范文
2013/12/01 职场文书
前台文员职责范本
2014/03/07 职场文书
2014年清明节寄语
2014/04/03 职场文书
文明生主要事迹
2014/05/25 职场文书
详解python中[-1]、[:-1]、[::-1]、[n::-1]使用方法
2021/04/25 Python
JavaScript实现音乐播放器
2022/08/14 Javascript