javascript基础学习第一天

Javascript 发展过程：

1.出现：为了解决用户和游览器之间的交互。

2.概念：基于对象和事件驱动，运行在游览器客户端的脚本语言。

　　　　-js在游览器中运行的。（js引擎：执行js代码）

　　　　-事件：就是用户的一个具体动作

　　　　-对象：抽象的一个容器(保存数据)

3.作用：

　　-做游戏开发。

　　-数据统计

　　-地理定位

4.组成：

　　基本语法（ECMAscript）

　　DOM（Document Object Model）将整个HTMl文档抽象成一个对象（通过js操作该对象，实现js操作网页特效）

　　BOM：将游览器抽象一个对象通过js操作游览器。

学习JavaScript路径：

1.书写位置：

　　-外联式（实际开发）：

　　首先将js代码单独放到一个js文件中（test.js）其次要将js文件引入到网页中（script）

　　列如：<script src='test.js'></script>

　　注意：

　　　　1.推荐将<script src='test.js'></script>放到body标签末尾

　　-内嵌式写法：将js代码直接卸载HTML网页中（通过script标签）

　　列如：<script>

　　　　　　js代码...

　　　　　　</script>

　　注意：

　　　　1.外联式写法和内嵌式写法不能合写。

　　　　　2.一个网页中可以同时使用外联式，也可以使用内嵌式。

　　　　　3.建议将内嵌式写法放到body标签的末尾处。

　　　　-行内式写法：（少用）

　　　　直接将js代码写到标签内部

　　　　 <div 事件名称 = 'js代码'></div>

　　　　例如：onclick(点击事件)

2. js在网页中输出消息

　　alert（‘内容’）：在游览器中弹出窗口的形式输出消息

　　document.write（‘内容’）；在网页body中输出消息

　　　　总结：　　

　　　　　　1.document.write（）可以在网页中输出具体的文字内容

　　　　　　2.document.write（）还可以在网页中输出具体的HTML标签

　　console.log（‘今天开始学习js’）：在游览器控制台中输出消息

　　一般在调试代码的时候，会使用console.log（）

　　prompt（‘请输入您的用户名’）；用来接收用户输入的消息

　　confirm（‘消息’）；获取用户具体操作（确定操作或者取消操作）

　　注意：　　

　　1.在js中区分字母大小写的

　　2.建议在一段js代码接收后，加“；”

　　3.js中单行注释：//    多行注释 ：/*  */

3.变量（重点）：保存数据的

　　概念：在程序中机遇是用来保存数据的一种容器。

　　使用：

　　　　定义变量

　　　　var + 自定义的变量名称;

　　　　给变量赋值

　　　　　变量名 = 值

　　　　注意：

　　　　　1.‘=’     -------> 叫赋值运算符

　　　　　2.赋值运算的执行过程：首先 执行‘=’右侧的代码，然后将右侧的结果赋值给左侧的变量

　　　　　3.当我们输出消息的时候，如果输出的是变量，不要加引号，否侧需要添加引号

　　　　　4.一个变量一次只能保存一个值，最后一次赋值结果。

　　　　　5.可以在定义变量的时候直接给变量赋值

　　　　　　6.可以同时定义多个变量并赋值，使用逗号隔开即可

　　　　　　例如：var username = 'zs', pwd = '123';

　　　　变量的命名规则：

　　　　　　1.不许使用纯数字或者以数字开头定义变量。

　　　　　　2.不建议使用汉字定义变量

　　　　　　3.不许以纯特殊字符或者以特殊字符开头定义变量（‘_’或者‘$’）除外

　　　　　　4.不许使用关键字定义变量名

　　　　　　　　关键字：在js中具有特殊含义的单词

　　　　　　5.不建议使用保留字定义变量

　　　　　　6.定义变量的过程中，变量名中间不许出现空格

　　　　交换两个变量的基本思想：

　　　　1.先找一个临时变量保存一个值

　　　　2.然后通过给变量赋值最后实现交换

4.数据类型：指的是变量的数据类型

　　　　简单数据类型

　　　　　　　　1.数字类型（number）

　　　　　　　　　　　总结：

　　　　　　　　　　　　☞ 只要一个变量中保存的值是数字（整数，小数，负数）

　　　　　　　　　　　　☞ 如果是数字类型的变量相加，最后的结果就是一个数字

　　　　　　　　　　　　☞ 数字类型中最大值获取方式：Number.MAX_VALUE
　　　　　　　　　　　　☞ 数字类型中最小值获取方式：Number.MIN_VALUE

　　　　　　　　　　2.字符串类型（string）；

　　　　　　　　　　　　　　总结：

　　　　　　　　　　　　　　　☞只要一个变量中保存的值使用了单引号或者双引号

　　　　　　　　　　　　　　　☞如果有字符串的变量相加，最后的结果就是字符串类型的结果

　　　　　　　　　　3.布尔类型（boolean）：

　　　　　　　　　　　　总结：

　　　　　　　　　　　　　　只要一个变量中的值是true或者false

　　　　　　　　　　　　　　true：代表正确的（条件满足）

　　　　　　　　　　　　　　false：代表错误的（条件不满足）

　　　　　　　　　　　　　　一般在条件判断语法结构中会使用true|false

　　　　　　　　　　　　4.undefined类型：只要一个变量的值是undefined或者没有给变量赋值

　　　　　　　　　　　　　　总结：

　　　　　　　　　　　　　　　　如果一个变量没有赋值，那么该变量的默认值就是undefined。

　　　　　　　　　　　复杂数据类型：

　　　　　　　　　　　　　　1.object ：对象

　

　　　　　　5. 如何通过程序判断当前变量的数据类型？

　　　　　　ypeof(变量) ===》 得到的结果就是当前变量的数据类型。

　　　　　　例如：
　　　　　　var n1 = undefined;
　　　　　　alert(typeof(n1));

　　　　　　6. 数据类型转换

　　　　　　✔ 显示类型转换（强制类型转换）：通过js中提供的类型转化方法，最后实现的数据类型转换
　　　　　　1. 将其他数据类型转换为数字类型
　　　　　　Number()

　　　　　　总结：
　　　　　　☞ 通过Number(变量)可以将其他数据类型转换成数字类型

　　　　　　☞ 如果变量的值就是一个数字形式的字符串，通过 Number(变量)最后可以转换为　数字类型

　　　　　　☞ 如果是一个非数字的字符串类型通过 Number(变量)转换后，可以转化为数字类　型，最后的结果是NaN

NaN: not a number -----> 数据类型是 数字类型（number）

☞ 如果将undefined转为数字类型后，最后的结果也是 NaN

☞ 如果将布尔类型转换为数字类型后，得到的结果就是数字 1 或 0;

parseInt()

总结：
☞ 通过 parseInt() 可以将其他数据类型转为数字类型

☞ 转换数字类型过程中，只会保留整数部分

parseFloat()

总结：

☞ 通过 parseFloat()将其他数据类型转为数字类型

☞ 如果小数位是数字，那么就将整个小数保留下来

☞ 如果小数位非数字，那么直接保留整数位

2. 将其他数据类型转换为字符串类型

☞ 变量.toString()

☞ String(变量)

总结：
1. 如果要转换为字符串类型，建议使用.toString();

2. String()方法可以将任何的数据类型都可以转为字符串类型

3. 将其他数据类型转换为布尔类型

☞ Boolean()

☞ 总结：
1. 如果变量的值是： 空字符串，0, NaN, null,undefined ==> 结果都是false

2. 除了以上结果外，最后都转化为true

✔ 隐式类型转换：在js中，通过数学运算过程，变量的数据类型发生了改变

总结：
1. 所有的算数运算都可以实现隐式类型转换
2. 如果字符串在进行相加过程中(拼接字符串)

7.算数运算符

+
总结：
1. 如果是数字类型的变量相加，最后的结果就是数字类型
2. 如果是非数字类型的字符串相加，最的结果是字符串类型（起到的是一个拼接的作用）

拼接字符串：
1。 会用到 + 号
2. 加号左右两侧至少有一个是字符串

-
总结：
1. 如果是数字类型的变量相减，最后的结果就是数字类型
2. 如果是数字类型的字符串相减，最后的结果也数字类型（隐式类型转换）

*
总结：
1. 在程序中乘号（*）不能省略

/

总结：
1. 如果是数字类型的变量相除，最后的结果就是数字类型

2. 如果0作为除数，那么最后的结果是Infinity,对应的数据类型是数字类型

%(取余)

8.判断是不是数字

isNaN(变量) ---》 如果返回的结果是true代表不是数字
如果返回的结果是fals代表是数字

今日总结
1. 定义变量及给变量赋值

2. 判断当前变量的数据类型（数字，字符串，布尔，undefined）

3. 知道如果通过程序的方式判断数据类型

4. 知道如何实现数据类型的转化

5. 知道如何判断一个变量是不是数字