1、JavaScript：
基于对象和事件驱动，运行在浏览器客户端的脚本语言。
js的运行环境基于浏览器的
对象：在程序环境中，任何一个具体的事物都可以称为对象（对象好操作）
事件：在程序中，用户的每一个具体的行为动作都称为事件
2、js的基本组成：
1.语法基础（ECMAScript）
2.DOM ：通过js操作网页
3.BOM ：浏览器效果
3、js的书写方式：
1.内嵌式：
将js代码嵌入到HTML网页中，通过 在html页面内部设置
<script type="text/javascript">
</script>
该标签可以放到head标签中或者body标签中。
2.外联式：
新建js文件
通过script标签引用到当前页面中 <script type="text/javascript" src="test.js"></script>
注意：1. 不能将代码写到外联式标签中。 2.一个网页中可以同时调用多个外部js文件
3.行内式：
将js代码写到标签内部 <div onclick="js代码"></div>
注意：onclick 是一个点击事件： 当点击div的时候，会触发该事件，执行该事件中的代码
4、js的输出书写方式：
alert 在网页中以弹出窗口的形式输出消息
console.log 在浏览器控制台中输出消息。调试错误信息。
document.write 在网页中输出消息，通过js的方式将内容放到body标签中，还可以输出HTML标签。例如：document.write('<h1>我是一个标题标签</h1>')
prompt 通过js的方式接受用户输入的消息（获取消息方式）得到的结果是字符串类型。
confirm 通过js的方式获取用户的选中操作（确定 或者 取消）
5、js代码注意事项：
1.在js中是严格区分字母大小写的。
2.如果在网页中要输出汉字或者字母，一定要带引号。
3.一段完整的js代码后面要以 ； 结尾。
4.在程序中凡是遇到特殊符号，必须是英文输入法下的符号。
变量
1、为什么要有变量：
在程序执行过程中，需要将临时数据保存。
2、什么是变量：
变量就是一个容器，用来保存数据的容器。
3、如何使用变量：
1、先定义变量：
方式1. var 自定义变量名；es5中的方式
方式2. let 自定义变量名；es6中的方式
2、给变量赋值：
变量名 = 值；
3、将变量中的值输出：
先执行赋值运算符右侧的代码，然后将右侧的结果赋值给左侧的变量
使用的时候变量不需要带引号
4、变量详解：
1.在定义变量的时候，必须使用 var 或者 let 关键字
2.关于自定义变量名规则注意事项：
变量在定义的时候最好遵守驼峰命名法 /
变量的命名最好具有一定的语义（英文翻译）/
变量的命名不能使用关键字 /
变量的命名不能使用保留字（在当前的js版本中没有特殊含义，但是在其他版本中具有特殊含义）/
变量的命名中间不能出现空格 /
变量的命名不能使用汉字 /
变量的命名不能以数字开头 /
变量的命名不能以特殊符号开头（$ 和 _除 外）/
3.给变量赋值注意规则：
= 叫赋值运算符，作用就是用来赋值的，不是用来判断相等的。（‘==’ 或者 ‘===’ 判断相等）/
在赋值运算符前后加一个空格隔开 /
在赋值过程中，如果出现汉字或者字母必须加引号 /
同一个变量在赋值的时候，只能保存一个值，且是最后一次的赋值结果 /
4.变量在使用（输出）规则：
当使用变量的时候，变量不需要加引号（如果是变量则不用加引号）/
如果带有引号，那么不再表示变量了，引号中是什么就输出什么，不再输出变量中的值了 /
var 变量名 = 值；
数据类型
注意：只要有变量，变量就必须有明确的数据类型
一、数据类型介绍：
1.基础数据类型（简单数据类型）：
1.1 数字类型（number）：
特点：只要变量的值是纯数字且不带引号，这个变量就是数字类型 /
凡是数字都属于该类型【整数，小数，负数】
1.2 字符串类型（string）：
特点：只要变量的值带有引号，该变量就是字符串类型 /
注意事项：
一般字符串推荐使用单引号，字符串可以是引号中的任意文本。/
只要有字符串参与数学计算，那么最后的结果都是字符串。/
如果有字符串相加，那么加号不再是数学中的加属性了，此时的加号就是一个简单的链接符号（拼接字符串）
1.3布尔类型（boolean）
特点：只要变量的值是 true 或者 false 中的一个，那么该变量就是布尔类型。
注意事项：true 和 false 就是一个特殊的值 /
true 在程序中表示正确的，条件成立的 /
false 在程序中表示错误的，条件不成立的
1.4 undefined类型（undefined）
特点：如果一个变量没有赋值，该变量的默认是undefined ，如果一个变量的值是undefined，那么该变量的数据类型就是undefined类型。
1.5 null 空对象类型（了解）
特点：null类型被看做空对象指针.只有一个值，即 null 值 / null 空比如一个变量原先有值 可以将变量的值设置为null 代表清空变量容器中的数据 / 作用为了清空对象。
2.复杂数据类型：对象
二、程序中获取数据类型：
通过 typeof(变量)获取当前变量的数据类型
var a = 1； console.log(typeof (a));
三、数据类型转换：
隐式类型转换：程序在计算过程中，转化的数据类型。（程序自己的行为）
强制类型转换（显示类型转换）：数据类型的转换是通过程序员的行为实现的。
1.转数字类型：
Number(变量)；通过Number( )方法将变量转换为数字类型。
特点：在数据类型转换的过程中，可以将原来的值保留，遇到小数直接保留下来，不会舍去 /
在数据类型转换的过程中，如果遇到非数字的值，则最后的结果为NaN /
NaN (not a number) ----NaN对应的数据类型是数值类型。
parseInt(变量)；通过parseInt( )方法将变量转换为数字类型。
特点：只会保留整数部分，通过该方式进行数据类型转换后得到就是一个整数
parseFloat(变量)；通过parseFloat( )方法将变量转换为数字类型。
特点：在数据类型转换的过程中，可以将原来的值保留 /
在数据类型转换的过程中，如果遇到非数字的值，则停止转换，直接保留数字部分。
2.转字符串类型：
String(变量)；将变量转换为字符串类型。
特点：可以将任何的值转换为字符串类型。
变量.toString( )；将变量转换为字符串类型。
特点：只能将支持该方法的值转换为字符串类型。（不支持undefined和null）
3.转布尔类型：
Boolean(变量) ；将变量转换为字符串类型。
注意：当其他数据类型转换为布尔类型后，变量原来的值一定会发生改变，是 true 或者 false 这两个值。
0 |''(空字符串) | null | undefined | NaN 会转换成false 其它都会转换成 true
案例：
<script>
var a = prompt('请输入3位数');
a = Number(a);
var bai = parseInt(a / 100);
var shi = parseInt(a % 100 / 10);
var ge = parseInt(a % 10);
console.log('百位是:' + bai + '十位是:' + shi + '个位是:' + ge);
（ alert('百位是: ' + bai + '\n' + '十位是: ' + shi + '\n' + '个位是: ' + ge);换行的 ）
</script>
补充
拼接字符串: 使用 + 将多个值拼接到一块,最少得有一个是字符串
使用 + 将前后的值链接到一块
2.转义字符：
原因:
// 1. 单引号或者双引号具有特殊性
// 2. 单引号或者双引号都是成对出现的
// 解决:
// 1. 可以使用引号的过程中,可以使用单嵌套双,可以双嵌套单
转义字符（\在符号的前面）\n 换行 \ 斜杠\' 单引号\" 双引号\r 回车符
网友评论