你的位置:首页 > 软件开发 > Java > JavaScript学习总结【2】、JS基础

JavaScript学习总结【2】、JS基础

发布时间:2015-11-15 18:00:53
1、JS的命名规范。  命名规范是很有必要的,可增强代码的可读性,一眼就能看懂要表达的意思,规范就是符合规则,使代码有利于后期维护,也能很大程度的提高开发效率。一个正常的网站有很多JS代码,如果在编写的过程中,不遵循某种规则,那么写到后面自己都看不懂自己写的什么,这是很麻烦的一件 ...

1、JS的命名规范。

  命名规范是很有必要的,可增强代码的可读性,一眼就能看懂要表达的意思,规范就是符合规则,使代码有利于后期维护,也能很大程度的提高开发效率。一个正常的网站有很多JS代码,如果在编写的过程中,不遵循某种规则,那么写到后面自己都看不懂自己写的什么,这是很麻烦的一件事,所以要在平时的练习过程中,养成良好的编写代码的习惯。

  一般都采用匈牙利命名法或者驼峰命名法。

  匈牙利命名法的原则:变量名=属性+类型+对象描述。他的关键是:以一个或多个小写字母作为前缀,前缀之后是一个或多个首字母大写的单词组合,该单词指明变量的用途。

  驼峰命名法的原则:第一个单词以小写字母开始,之后每一个单词的首字母大写。例如:myFirstName、myLastName,这样的变量名看上去就像驼峰一样此起彼伏,因此得名。驼峰法的关键是:除第一个单词外,其他单词首字母大小,混合使用大小写字母来构成变量名和函数名,还可以使用下划线来形成逻辑断点,这样更能增强代码的可读性。

  使用什么样的命名规范,还要要看个人喜好,或者公司规定。注意:在命名时不能使用保留字和太长不容易记忆的名称,要避免使用两个相似的变量名。下面是一些常用的匈牙利命名法的前缀:

类型前缀类型实例
数组aArrayaItems(项目)
字符串sStringsUserName
函数fnFunctionfnHandler(处理程序)
对象oObjectoDiv
整数iIntegeriItemCount(项目计数)
浮点数fFloatfPrice(价格)
布尔值bBooleanbIsComplete(完成)
正则表达式reRegExpreEmailCheck(邮件检测)

 

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 (#换成@)。