1、JS的命名规范。 命名规范是很有必要的,可增强代码的可读性,一眼就能看懂要表达的意思,规范就是符合规则,使代码有利于后期维护,也能很大程度的提高开发效率。一个正常的网站有很多JS代码,如果在编写的过程中,不遵循某种规则,那么写到后面自己都看不懂自己写的什么,这是很麻烦的一件 ...
1、JS的命名规范。
命名规范是很有必要的,可增强代码的可读性,一眼就能看懂要表达的意思,规范就是符合规则,使代码有利于后期维护,也能很大程度的提高开发效率。一个正常的网站有很多JS代码,如果在编写的过程中,不遵循某种规则,那么写到后面自己都看不懂自己写的什么,这是很麻烦的一件事,所以要在平时的练习过程中,养成良好的编写代码的习惯。
一般都采用匈牙利命名法或者驼峰命名法。
匈牙利命名法的原则:变量名=属性+类型+对象描述。他的关键是:以一个或多个小写字母作为前缀,前缀之后是一个或多个首字母大写的单词组合,该单词指明变量的用途。
驼峰命名法的原则:第一个单词以小写字母开始,之后每一个单词的首字母大写。例如:myFirstName、myLastName,这样的变量名看上去就像驼峰一样此起彼伏,因此得名。驼峰法的关键是:除第一个单词外,其他单词首字母大小,混合使用大小写字母来构成变量名和函数名,还可以使用下划线来形成逻辑断点,这样更能增强代码的可读性。
使用什么样的命名规范,还要要看个人喜好,或者公司规定。注意:在命名时不能使用保留字和太长不容易记忆的名称,要避免使用两个相似的变量名。下面是一些常用的匈牙利命名法的前缀:
类型 | 前缀 | 类型 | 实例 |
数组 | a | Array | aItems(项目) |
字符串 | s | String | sUserName |
函数 | fn | Function | fnHandler(处理程序) |
对象 | o | Object | oDiv |
整数 | i | Integer | iItemCount(项目计数) |
浮点数 | f | Float | fPrice(价格) |
布尔值 | b | Boolean | bIsComplete(完成) |
正则表达式 | re | RegExp | reEmailCheck(邮件检测) |
2、注释很重要。
JS中单行注释用“ // JS内容” 标识,多行注释使用“ /* 内容 */ “标识。注释的作用是提高代码的可读性,不仅自己以后用着方便,也有助于别人阅读和理解你所编写的JS代码,注释中的内容不会在网页中显示。为了方便阅读,注释一般放在需要解释的语句结尾处或者周围。在学习的过程中,我们更要养成书写注释的良好习惯,有利于我们对于代码的理解,或者标记出当时比较模糊的概念,回头再做深入的定向学习,更牢固的掌握该知识点。
3、JS语句和符号。
JS语句是发送给浏览器的命令。这些命令的作用是告诉浏览器要做的事情。JS的执行规则是自上往下以行为单位的,一般情况下,每一行就是一个语句。比如:var a = 1+2; 这条语句先用var关键词,声明了变量a,再将1+2的运算结果赋值给变量a。这里需要注意=,在JS中并不是等号的意思,而是赋值。再比如:alert('hello'); 这是一条JS语句,一行的结束被认定为语句的结束,通常在结尾加上一个;来表示语句的结束,如果有多行JS语句,每句结束都有;,则按顺序执行语句。注意:JS中的代码和符号都必须在英文状态下输入,虽然;也可以不写,但难免会遇到一些错误,浏览器会判定前一句和后一句是可以连在一起解释的,这样就导致了一些意想不到的错误。我们要养成良好的编程习惯,记得在必须加分号的地方一定不要忘记加上。
JS对大小写是敏感的,在编写JS代码时,需要留意是否关闭了大小写切换键。
4、JS判断语句和for循环。
if判断语句和for循环在JS中使用非常频繁。
通常在写代码时,总是需要为不同的决定来执行不同的动作,在代码中就可以使用条件语句来完成该任务。
在JS中,可以使用以下条件语句:
(1)、if 语句:只有当指定条件为 true 时,也就是条件成立时执行的代码。
(2)、if...else 语句:当条件成立时执行if后代码,条件不成立(为false)时执行else后的代码。
(3)、if...else if....else 语句:使用该语句根据判断条件来选择多个代码块之一来执行。
实例:根据不同的时间,提示不同的问候,当时间小于12点,问候早上好,当时间大于或等于12点小于18点,问候下午好,否则都问候晚上好。
1 <script> 2 var d = new Date(); 3 var time = d.getHours(); 4 if (time<12){ 5 alert('早上好'); 6 } 7 else if (time>=12 && time<18){ 8 alert('下午好'); 9 }10 else{11 alert('晚上好');12 }13 </script>
原标题:JavaScript学习总结【2】、JS基础
关键词:JavaScript
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们:
admin#shaoqun.com
(#换成@)。