第一章 初识JavaScript
什么是JavaScript?
JavaScript是一种基于对象和事件驱动的客户端脚本语言,最初的设计是为了检验HTML表单输入的正确性,起源于公司的语言。
JavaScript的组成
完整的JavaScript是由ECMAScript(语法)、Browser Objects(DOM、BOM)(特性)组成的。
BOM提高访问和操作网页内容的方法。
BOM提供与浏览器交互的方法和接口。
怎么在HTML中使用JavaScript?
可以在head和body中使用<script>嵌入javascript脚本。
也可以用<script src=""></script>导入外部脚本
第二章 JavaScript的语法规则
JavaScript的注释与分号
//单行注释
/**/多行注释
语句结束用分号,如果省略,则由解析器确定语句的结尾。
JavaScript的语法
注意:ECMAscript中的一切(变量、函数名和操作符)都区分大小写!!!
JavaScript的标识符
什么是标识符
变量、函数、属性的名字,或者函数的参数。
标识符的命名规则
- 由字母、数字、下划线()或美元符号($)组成
- 不能以数字开头
- 不能使用关键字、保留字等作为标识符。
什么是变量
ECMAscript的变量是松散类型
松散类型:可以用来保存任何类型数据。变量本身没有类型。
每个变量仅仅是一个用来保存值的占位符而已
变量的声明和赋值
变量声明:
变量的声明要使用var操作符。
语法:var变量名
变量赋值
声明的同时赋值:var变量名=值
先声明后赋值:变量名=值
一次声明多个变量,用逗号隔开。如:var id,sex,age,name="marry";
说明:
- 省略var声明的变量是全局变量。
- 不推荐省略var操作符来定义全局变量。
第三章 JavaScript的数据类型

typeof
功能:检测变量类型
语法:tyoeof变量或typeof(变量)
返回值:string类型,有可能是:string,number,boolean,object,undefined,function


undefined(未定义的)
类型只有一个值,即特殊的。
说明: 一般而言,不存在需要显式地把一个变量设置为undefined值的情况。
null
- null值表示一个空对象指针.
- 如果定义的变量准备在将来用于保存对象,那么最好将改变量初始化为null而不是其他值。
说明: undefined值是派生自null值的,所以undefined==null的返回结果是true.
Number
Number:表示整数和浮点数
NaN:即非数值(Not a Number)是一个特殊的数值


说明:!!!
1. 任何涉及NaN的操作(例如NaN+3)都会返回NaN。
2. NaN与任何值都不相等,包括NaN本身
isNaN
语法:isNaN(n)
功能:检测n是否是“非数值”
返回值:boolean(只有两个值:false和true)
参数:参数n可以是任何类型


注:数字加双引号为字符类型
说明:isNaN()对接受的数值,先尝试转换为数值,再检测是否为非数值。
数值转换
有三个函数可把非数值转化为数值
1. Number()
2. parseInt()
3. parseFloat()

- Number()可以用于任何数据类型,将其强制转换为数值
- parseInt()和 parseFloat()则专门用于把字符串转换为数值
1. Number()
强制转换,不建议采用
2. parseInt()
parseInt():会忽略字符串前面的空格,直至找到第一个非空格字符。
parseInt()提取的内容必须以数字开头!!!以非数字开头得到NaN.
说明:
- parseInt()转换空字符串返回NaN
- parseInt()这个函数提供第二个参数:转换时使用的基数(即多少进制)
还可转换十六进制数例如:
console.log( parseInt("0xf"));
或console.log( parseInt("0xf",16));
结果为15


3.parseFloat() (浮点数)
parseFloat():从第一个字符开始解析每个字符,直至遇见一个无效的浮点数字符为止。
只提取第二个小数点之前的部分
说明:除了第一个小数点有效外,parseFloat()与parseInt()的第二个区别在于它始终都会忽略前导的零。


第四章 js的string和boolean
string
string类型用于表示由零或多个16位字符组成的字符序列即字符串。字符串可以由双引号(")或单引号(′)表示
toString()与String()
语法:str.toString().
功能:将str转换为字符串
返回值:str的一个副本
参数:str是要转换的内容,可以是数值、布尔值、对象和字符串。
说明:在不知道要转换的值是不是null或undefined的情况下,还可以使用函数String(),它能够将任何类型的值转换为字符串(强制转换)。
boolean




1、除0之外的所有数字,转换为布尔型都为true
2、除“”(空字符)之外的所有字符,转换为布尔型都为true
3、null和undefined转换为布尔型为false
第五章 js算数操作符
什么是表达式
将同类型的数据(如常量、变量、函数等),用运算符号按一定的规则连接起来的、有意义的式子称为表达式。
操作符的分类
1、算数操作符
2、逻辑操作符
3、赋值操作符
4、比较操作符
5、三元操作符
算数操作符
+:加
-:减
*:乘
/:除
%:取余
递增
递减
递增
++a与a++都是对a进行递增的操作 区别: ++a先返回递增之后的a的值 a++先返回a的原值,再返回递增之后的值
递减
同理
隐式类型转换:


++num:




赋值操作符
简单赋值:=
复杂赋值:+=,-=,*=,/=,%=
比较操作符
>、<、>=、<=、==、===、!=、!==
==:相等,只比较值是否相等
===:相等,比较值的同时比较数据类型是否相等
!=:不相等,比较值是否不相等
!==:不相等,比较值的同时比较数据类型是否不相等
返回值:booean型
三元操作符
语法:条件?执行代码1:执行代码2
说明:可代替简单的if语句,如果条件成立,执行代码1,否则执行代码2
第六章 js的逻辑操作符
逻辑操作符:
&&:与
||:或
!:非
逻辑与
&&与(只要有一个条件不成立,返回false)
说明:在有一个操作数不是布尔值的情况,逻辑与操作就不一定返回值,此时它遵循下列规则:
1、如果第一个操作数隐式类型转换后为true,则返回第二个操作数。
2、如果第一个操作数隐式类型转换后为false,则返回第一个操作数。
3、如果有一个操作数是nul,则返回null
4、如果有一个操作数是NaN,则返回NaN
5、如果有一个操作数是undefined,则返回undefined
逻辑或
‖或(只要有一个条件成立,返回ture)
说明:在有一个操作数不是布尔值的情况,逻辑与操作就不一定返回值,此时它遵循下列规则
1、如果第一个操作数隐式类型转换后为true,则返回第一个操作数。
2、如果第一个操作数隐式类型转换后为false,则返回第二个操作数。
3、如果两个操作数是null,则返回null
4如果两个操作数是NaN,则返回NaN
5如果两个操作数是undefined,则返回undefined

逻辑非
!非
说明:
1、无论操作数是什么数据类型,逻辑非都会返回一个布尔值
2、!!同时使用两个逻辑非操作符时:
第一个逻辑非操作会基于无论什么操作数返回一个布尔值
第二个逻辑非则对该布尔值求反