电脑知识|欧美黑人一区二区三区|软件|欧美黑人一级爽快片淫片高清|系统|欧美黑人狂野猛交老妇|数据库|服务器|编程开发|网络运营|知识问答|技术教程文章 - 好吧啦网

您的位置:首頁技術文章
文章詳情頁

JavaScript語法約定和程序調試原理解析

瀏覽:105日期:2023-10-09 10:19:26

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
相關文章:
主站蜘蛛池模板: 急救箱-应急箱-急救包厂家-北京红立方医疗设备有限公司 | 服务器之家 - 专注于服务器技术及软件下载分享 | 自动化改造_智虎机器人_灌装机_贴标机-上海圣起包装机械 | 电脑刺绣_绣花厂家_绣花章仔_织唛厂家-[源欣刺绣]潮牌刺绣打版定制绣花加工厂家 | 防渗土工膜|污水处理防渗膜|垃圾填埋场防渗膜-泰安佳路通工程材料有限公司 | 泰安塞纳春天装饰公司【网站】 | 沧州友城管业有限公司-内外涂塑钢管-大口径螺旋钢管-涂塑螺旋管-保温钢管生产厂家 | 玉米深加工机械,玉米加工设备,玉米加工机械等玉米深加工设备制造商-河南成立粮油机械有限公司 | 尚为传动-专业高精密蜗轮蜗杆,双导程蜗轮蜗杆,蜗轮蜗杆减速机,蜗杆减速机生产厂家 | 合肥仿石砖_合肥pc砖厂家_合肥PC仿石砖_安徽旭坤建材有限公司 | 知网论文检测系统入口_论文查重免费查重_中国知网论文查询_学术不端检测系统 | 大_小鼠elisa试剂盒-植物_人Elisa试剂盒-PCR荧光定量试剂盒-上海一研生物科技有限公司 | 带式压滤机_污泥压滤机_污泥脱水机_带式过滤机_带式压滤机厂家-河南恒磊环保设备有限公司 | 房车价格_依维柯/大通/东风御风/福特全顺/江铃图片_云梯搬家车厂家-程力专用汽车股份有限公司 | ?水马注水围挡_塑料注水围挡_防撞桶-常州瑞轩水马注水围挡有限公司 | ★济南领跃标识制作公司★济南标识制作,标牌制作,山东标识制作,济南标牌厂 | 喷砂机厂家_自动喷砂机生产_新瑞自动化喷砂除锈设备 | 软瓷_柔性面砖_软瓷砖_柔性石材_MCM软瓷厂家_湖北博悦佳软瓷 | 合肥防火门窗/隔断_合肥防火卷帘门厂家_安徽耐火窗_良万消防设备有限公司 | 合肥升降机-合肥升降货梯-安徽升降平台「厂家直销」-安徽鼎升自动化科技有限公司 | 爱佩恒温恒湿测试箱|高低温实验箱|高低温冲击试验箱|冷热冲击试验箱-您身边的模拟环境试验设备技术专家-合作热线:400-6727-800-广东爱佩试验设备有限公司 | 耳模扫描仪-定制耳机设计软件-DLP打印机-asiga打印机-fitshape「飞特西普」 | 便携式高压氧舱-微压氧舱-核生化洗消系统-公众洗消站-洗消帐篷-北京利盟救援 | 知企服务-企业综合服务(ZiKeys.com)-品优低价、种类齐全、过程管理透明、速度快捷高效、放心服务,知企专家! | 无锡门窗-系统门窗-阳光房-封阳台-断桥铝门窗厂[窗致美] | 泥沙分离_泥沙分离设备_泥砂分离机_洛阳隆中重工机械有限公司 | 反渗透阻垢剂-缓蚀阻垢剂厂家-循环水处理药剂-山东鲁东环保科技有限公司 | 中国产业发展研究网 - 提供行业研究报告 可行性研究报告 投资咨询 市场调研服务 | 北京银联移动POS机办理_收银POS机_智能pos机_刷卡机_收银系统_个人POS机-谷骐科技【官网】 | 量子管通环-自清洗过滤器-全自动反冲洗过滤器-北京罗伦过滤技术集团有限公司 | 无锡装修装潢公司,口碑好的装饰装修公司-无锡索美装饰设计工程有限公司 | 扬子叉车厂家_升降平台_电动搬运车|堆高车-扬子仓储叉车官网 | 【孔氏陶粒】建筑回填陶粒-南京/合肥/武汉/郑州/重庆/成都/杭州陶粒厂家 | 玻璃钢板-玻璃钢防腐瓦-玻璃钢材料-广东壹诺 | 高压绝缘垫-红色配电房绝缘垫-绿色高压绝缘地毯-上海苏海电气 | 温湿度记录纸_圆盘_横河记录纸|霍尼韦尔记录仪-广州汤米斯机电设备有限公司 | 紫外荧光硫分析仪-硫含量分析仪-红外光度测定仪-泰州美旭仪器 | 冲击式破碎机-冲击式制砂机-移动碎石机厂家_青州市富康机械有限公司 | 长江船运_国内海运_内贸船运_大件海运|运输_船舶运输价格_钢材船运_内河运输_风电甲板船_游艇运输_航运货代电话_上海交航船运 | 仿清水混凝土_清水混凝土装修_施工_修饰_保护剂_修补_清水混凝土修复-德州忠岭建筑装饰工程 | 拼装地板,悬浮地板厂家,悬浮式拼装运动地板-石家庄博超地板科技有限公司 |