一、JavaScript代码存在形式与存放位置

1. JavaScript代码有两种存在形式,一种是直接在html内部编写javascript,另一种是导入JS文件。

方式一:在html内部编写javascript

方式二:通过文件导入

第一行,表示导入common.js文件,common.js文件的内容:

1 function f2(){2     alert('f2')3     }

2、JavaScript代码存在位置

  • HTML的head中

  • HTML的body代码块底部(推荐)

由于Html代码是从上到下执行,如果放在head头部中的js代码耗时严重,就会导致用户长时间无法看到页面;如果放置在body代码块底部,那么即使js代码耗时严重,也不会影响用户看到页面效果,只是js实现特效慢而已。
一般把js代码放在body代码块的最后面

 

二、声明变量/注释/分号

JavaScript中变量的声明是一个非常容易出错的点,局部变量必须一个 var 开头,如果未使用var,则默认表示声明的是全局变量。建议使用的时候一般不要使用全局变量!否则如果代码量比较大的时候容易出现调用混乱的问题。

1 var name = "seven"  # 局部变量2 age = 18            # 全局变量

注释:

单行注释:   //          
多行注释:  /* 要注释的内容 */  

分号:

写js代码时,注意每一行都加分号(如下面的左图)。
因为产品上线时会用专门的工具将多行的代码压缩成单行的代码(如下面的右图)。如果不加分号上线时就乱套了!!

          

jquery.js    没压缩成单选的
jquery.min.js  有压缩成单行

实例: 刚好我下载jquery时发现是jquery-3.1.1.min.js就顺手截了图。

 

三、数字与字符串

1. 数字(Number)

1 var age = 18; 
2 或 var age = Number(18);

将字符串转化为数字 

Number("123");  或  parseInt("123");    推荐

前面已经说过浏览器内置了JavaScript语言的解释器,下面就来写个超简单的:

1
2
3
4
5
6
7
8
9
10
11
12

运行结果:

 

九、面向对象

 1 

 

你可能感兴趣的:(java)