学习一门语言前要知道,养成良好的编程习惯是至关重要的,能避免一些不必要的错误。下面是学习JavaScript时的最基本的语法和习惯。在定义变量之前加上 var ,以为“;”结尾,以表示这句这行已经结束,和要习惯使用注释,能帮助别人看懂和理解你的代码,提交可读性。
一、在定义变量之前加上 var
在定义变量的时候,习惯使用var 申明变量,因为var没有限制变量的数据类型。另外,使用var申明的变量,是局部变量,只能在函数内部或者文件使用,因此在不同的函数内,可以申明相同的变量名,互不影响。如果不用var申明,那变量是全局变量。 例如:
var a;
二、以为;
结尾,以表示这句这行已经结束。
虽然你可以不写“;”浏览器中的JavaScript引擎也会把“;”补上,但是毕竟机器也会出错,它不知道我们写的代码哪里需要断哪里是连续的。所以还是乖乖手动添加“;”比较好。
三、{ 代码块 }
{ }
里面的代码表示一个集合,一个整体。里面的代码可以相互嵌套。
比如:
<script>
function myfun(){
if(Math.random>0.5){
console.log('随即数大于0.5')
}
else
{
console.log("随即数小于0.5")
}
var dd = new Date();
console.log(dd.getDate())
}
</script>
上面的代码看起来是不复杂,不过在实际应用中肯定不止这么点代码,所以会看起来一头雾水,不知道哪个代码对接哪个,变量都可能找不到。所以使用{ }书写复杂的代码时,建议把里面可以写成函数的尽量学成函数来优化代码。
例如:我可以输出时间日期的代码拿出来写成一个函数,只需要在myfun()中调用就可以了,拿出来的函数还可以在其他地方调用,是不是一举两得呢。
<script>
function new_date(){
var dd = new Date();
console.log(dd.getDate())
}//时间日期函数
function myfun(){
if(Math.random>0.5){
console.log('随即数大于0.5')
}
else
{
console.log("随即数小于0.5")
}
new_date();//调用函数
}
</script>
上面两段代码的结果都是一样的,很明显第二种的逻辑要清晰很多,在代码量多的时候更能体现。
四、注释:
留意到我上面的代码没,我在代码中用“//”解析了我某段代码的用处。这就是JavaScript中的单行注释。出此之外还可以用“/* */”来注释代码块。
合理的使用注释能让被人看懂你的代码,提高可读性,同时也方便自己看懂也检查。
推荐阅读: