一:JS基础知识
- 导入JavaScript标签(注意 :js中的标签必须要用双标签,且尽量写在之间):
- 两种注释方法:
(a)单行注释://
(b)多行注释:/**/ - 外部JavaScript文件的引入方式:
JavaScript中变量的定义:
必须使用关键字(var)+变量名
var可同时定义多个变量:var name="小明" , age=12 , sex="男"
- JS的三种打印方式:(一般使用后两种)
1. alert("hello word") :结果将以弹窗的形式显示。
2. console.log("hello word") :结果将在浏览器的调试台上显示。》》》会自动换行
3. document.write("hello word") :结果将显示在浏览器的页面上。》》》不会自动换行
- js中打印空格和换行
打印空格:console.log(" ")
打印换行:console.log("<br/>")
打印一条直线:console.log("<hr/>")
- 如何打印结果和类型
var name="小明"
console.log(name)
console.log(typeof name)
结果为:
小明
string
6.js代码规范:
1. 保持代码缩进
2. 变量名遵守命名规范, 尽量见名思意
3. JS语句的末尾尽量写上分号;
4. 运算符两边都留一个空格, 如 var n = 1 + 2;
二:js 中的运算符
- 字符串和变量之间用 + 号连接
- 算数运算符:+,-, *, /(能整除时结果为整数,否则为小数), %(取余数)
- 关系运算符:<、>、<=、>=、==, !=
1,数字和字符串比较, 字符串转换为数字后再比较
2,字符串和字符串比较, 进行字符的ASCII码值比较
特殊的:
=== : 恒等于,即当类型和数值都相等才是恒等于
!== : 不恒等于,即类型和数值至少有一个不等
- 逻辑运算符: 与/且(&&)、或(||) 、 非(!)
- 自增、自减 :a++, a–, ++a, –a。
a++:
当a++不参与运算时,此时a++和++a的效果一样,都是自身增加 1
当其参与运算时,a的值会先运算,然后再自增1
var a=3
var b=a++
console.log(a,b)
结果为:
4 , 3
++a:
当++a不参与运算时,此时++a和a++的效果一样,都是自身增加 1 。
当其参与运算时,a的值会先自增1,然后再进行运算。
var a=3
var b=++a
console.log(a,b)
结果为:
4 , 4
三:JS的几种数据类型:
1. 字符串:String
2. 数 字:Number (整数int,浮点数float)
3. 数 组:Array
4. 布尔类型:Boolean
a.需要注意的是:非0数值都为true
b.布尔类型的转换规则:
```
String: 非空字符串为true, 空字符串为false
Number: 非0数值为true, 0或者NaN为false
Object: 对象不为null则为true, null为false
Undefined : undefined为false
```
5. 对 象:Object
6. 注意:特殊的数据类型 Null 和 Undefind
a.在使用var声明变量时,若该变量只声明但没赋值,则该变量的值就是undefind
```例子:
var b;
console.log(b)
结果为:
underfind
```
b.规定:console.log(undefind==null)的打印结果为true
c.Null类型是一个只有一个值的数据类型,其值为 :null 。当定义一个变量值为null时,其打印的typeof的返回值为 object
```例子:
var b=null;
console.log(typeof b)
结果为:
object
```