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. 知道如何判断一个变量是不是数字