一、JS的编写的位置
1.指定属性
<button onclick="alert('hello');">我是按钮</button>
<a href="javascript:alert('aaa');">超链接</a>
2.script标签
<script type="text/javascript">
//编写js代码
</script>
3.引入
script标签一旦用于引入外部文件了，就不能在编写代码了，即使编写了浏览器也会忽略 ,如果需要则可以在创建一个新的script标签用于编写内部代码
<script type="text/javascript" src="文件路径"></script>
二、 输出语句
alert("要输出的内容");
该语句会在浏览器窗口中弹出一个警告框
document.write("要输出的内容");
该内容将会被写到body标签中，并在页面中显示
console.log("要输出的内容");
该内容会被写到开发者工具的控制台中
三、基本的语法
js函数声明不需要；分号，但是赋值语句要加；分号
function functionName(arg0,arg1,arg2){
//函数声明
}
var functionName=function(arg0,arg1,arg2){
//函数表达式
};(注意分号)
四、注释
1.单行注释
//注释内容
2.多行注释
/*
注释内容
*/
JS严格区分大小写
- JS中每条语句以分号(;)结尾如果不写分号，浏览器会自动添加，但是会消耗一些系统资源， 而且有些时候，浏览器会加错分号，所以在开发中分号必须写
- JS中会自动忽略多个空格和换行，所以我们可以利用空格和换行对代码进行格式化。
五、字面量和变量
1.字面量
字面量实际上就是一些固定的值，比如 1 2 3 4 true false null NaN “hello”
字面量都是不可以改变的。
由于字面量不是很方便使用，所以在JS中很少直接使用字面量
2.变量
变量可以用来保存字面量，并且可以保存任意的字面量
一般都是通过变量来使用字面量，而不直接使用字面量，而且也可以通过变量来对字面量进行一个描述
3.声明变量
使用var关键字来声明一个变量
var a;
为变量赋值
a = 1;
声明和赋值同时进行
var a = 456;
4.标识符
在JS中所有的可以自主命名的内容，都可以认为是一个标识符，
是标识符就应该遵守标识符的规范。
比如：变量名、函数名、属性名
规范：
- 标识符中可以含有字母、数字、_、$
- 标识符不能以数字开头
- 标识符不能是JS中的关键字和保留字
- 标识符一般采用驼峰命名法
xxxYyyZzz
六、数据类型
六种数据类型
JS中一共分成六种数据类型 5个基本数据类型+object
- String 字符串
- Number 数值
- Boolean 布尔值
- Null 空值
- Undefined 未定义
- Object 对象
其中基本数据类型有 5个
typeof运算符检查数据类型
1.基本数据类型
1.1.String 字符串
JS中的字符串需要使用引号引起来双引号或单引号都行
在字符串中使用\作为转义字符
’ ==> ’
" ==> "
\n ==> 换行
\t ==> 制表符
\ ==>
使用typeof运算符检查字符串时，会返回”string”
1.2.Number 数值
JS中所有的整数和浮点数都是Number类型
最大能表示的值：Number.MAX_VALUE= 1.7976931348623157e+308
特殊的数字：能赋值给变量
- Infinity 正无穷 a = Infinity ,能赋值
- -Infinity 负无穷
- NaN 非法数字（Not A Number）
其他进制的数字的表示：
- 0b 开头表示二进制，但是不是所有的浏览器都支持
- 0 开头表示八进制
- 0x 开头表示十六进制
使用typeof检查一个Number类型的数据时，会返回”number”
（包括NaN 和 Infinity）
1.3.Boolean 布尔值
布尔值主要用来进行逻辑判断，布尔值只有两个
true 逻辑的真
false 逻辑的假
使用typeof检查一个布尔值时，会返回”boolean”
1.4.Null 空值
空值专门用来表示为空的对象，Null类型的值只有一个
null
使用typeof检查一个Null类型的值时会返回”object”
1.5.Undefined 未定义
如果声明一个变量但是没有为变量赋值此时变量的值就是undefined
该类型的值只有一个 undefined
使用typeof检查一个Undefined类型的值时，会返回”undefined”
2.引用数据类型
Object 对象
3.类型转换
类型转换就是指将其他的数据类型，转换为String Number 或 Boolean
3.1转换为String
3.1.1方式一（强制类型转换）：
调用被转换数据的toString()方法
例子：
var a = 123;
a = a.toString();
注意：这个方法不适用于null和undefined
由于这两个类型的数据中没有方法，所以调用toString()时会报错
3.1.2方式二（强制类型转换）：
调用String()函数
例子：
var a = 123;
a = String(a);
原理：对于Number Boolean String都会调用他们的toString()方法来将其转换为字符串，对于null值，直接转换为字符串”null”。对于undefined直接转换为字符串”undefined”
3.1.3方式三（隐式的类型转换）:
为任意的数据类型 +””
例子：
var a = true;
a = a + "";
原理：和String()函数一样
3.2转换为Number
3.2.1方式一（强制类型转换）：
调用Number()函数
例子：
var s = "123";
s = Number(s);
转换的情况：
字符串 > 数字
- 如果字符串是一个合法的数字，则直接转换为对应的数字
- 如果字符串是一个非法的数字，则转换为NaN
- 如果是一个空串或纯空格的字符串，则转换为0
布尔值 > 数字
- true转换为1
- false转换为0
- 空值 > 数字
- null转换为0
未定义 > 数字
- undefined 转换为NaN
3.2.2方式二（强制类型转换）：
调用parseInt()或parseFloat() 这两个函数专门用来将一个字符串转换为数字的
如果对非String使用parseInt()或parseFloat()，它会先将其转换为String然后在操作 parseInt()
可以将一个字符串中的有效的整数位提取出来，并转换为Number
例子：
var a = "123.456px";
a = parseInt(a); //123
如果需要可以在parseInt()中指定一个第二个参数，来指定进制parseFloat()可以将一个字符串中的有效的小数位提取出来，并转换为Number
例子：
var a = "123.456px";
a = parseFloat(a); //123.456
3.2.3方式三（隐式的类型转换）：
使用一元的+来进行隐式的类型转换
例子：
var a = "123";
a = +a;
原理：和Number()函数一样
3.3转换为布尔值
3.3.1方式一（强制类型转换）：
使用Boolean()函数
例子：
var s = "false";
s = Boolean(s); //true
转换的情况
字符串 > 布尔
除了空串其余全是true
数值 > 布尔
除了0和NaN其余的全是true
null、undefined > 布尔
都是false
对象 > 布尔
都是true
3.3.2方式二（隐式类型转换）：
为任意的数据类型做两次非运算，即可将其转换为布尔值
例子：
var a = "hello";
a = !!a; //true
七、基础语法
1.运算符
运算符也称为操作符
通过运算符可以对一个或多个值进行运算或操作
1.1typeof运算符
用来检查一个变量的数据类型
语法：typeof 变量
它会返回一个用于描述类型的字符串作为结果
1.2算数运算符
- + 对两个值进行加法运算并返回结果
- - 对两个值进行减法运算并返回结果
- * 对两个值进行乘法运算并返回结果
- / 对两个值进行除法运算并返回结果 （js的除法，不是c语言中的整除，因为数值用Number表示）
- % 对两个值进行取余运算并返回结果
除了加法以外，对非Number类型的值进行运算时，都会先转换为Number然后在做运算。
而做加法运算时，如果是两个字符串进行相加，则会做拼串操作，将两个字符连接为一个字符串。 任何值和字符串做加法，都会先转换为字符串，然后再拼串
1.3一元运算符
一元运算符只需要一个操作数
1.3.1+
就是正号，不会对值产生任何影响，但是可以将一个非数字转换为数字
例子：
var a = true;
a = +a;
1.3.2-
就是负号，可以对一个数字进行符号位取反
例子：
var a = 10;
a = a;
1.3.3自增
自增可以使变量在原值的基础上自增1
自增使用 ++
自增可以使用 前++（++a）后++(a++)
无论是++a 还是 a++都会立即使原变量自增1
不同的是++a和a++的值是不同的，
++a的值是变量的新值（自增后的值）
a++的值是变量的原值（自增前的值）
1.3.4自减
自减可以使变量在原值的基础上自减1
自减使用 - -
自减可以使用 前（a）后(a)
无论是a 还是 a都会立即使原变量自减1
不同的是a和a的值是不同的，
a的值是变量的新值（自减后的值）
a的值是变量的原值（自减前的值）
1.4逻辑运算符
1.4.1 !
非运算可以对一个布尔值进行取反，true变false false边true
当对非布尔值使用!时，会先将其转换为布尔值然后再取反
我们可以利用!来将其他的数据类型转换为布尔值
1.4.2 &&
&&可以对符号两侧的值进行与运算
只有两端的值都为true时，才会返回true。只要有一个false就会返回false。
与是一个短路的与，如果第一个值是false，则不再检查第二个值
对于非布尔值，它会将其转换为布尔值然后做运算，并返回原值
规则：
1.如果第一个值为false，则返回第一个值
2.如果第一个值为true，则返回第二个值
1.4.3 ||
||可以对符号两侧的值进行或运算
只有两端都是false时，才会返回false。只要有一个true，就会返回true。
或是一个短路的或，如果第一个值是true，则不再检查第二个值
对于非布尔值，它会将其转换为布尔值然后做运算，并返回原值
规则：
1.如果第一个值为true，则返回第一个值
2.如果第一个值为false，则返回第二个值
1.5赋值运算符
1.5.1 =
可以将符号右侧的值赋值给左侧变量
1.5.2 +=
a += 5 相当于 a = a+5
var str = "hello"; str += "world";
1.5.3 -=
a -= 5 相当于 a = a-5
1.5.4 *=
a = 5 相当于 a = a5
1.5.5 /=
a /= 5 相当于 a = a/5
1.5.6 %=
a %= 5 相当于 a = a%5
1.6关系运算符
关系运算符用来比较两个值之间的大小关系的
>
>=
<
<=
关系运算符的规则和数学中一致，用来比较两个值之间的关系，
如果关系成立则返回true，关系不成立则返回false。
如果比较的两个值是非数值，会将其转换为Number然后再比较。
如果比较的两个值都是字符串，此时会比较字符串的Unicode编码，而不会转换为Number。
1.7相等运算符
相等，判断左右两个值是否相等，如果相等返回true，如果不等返回false
相等会自动对两个值进行类型转换，如果对不同的类型进行比较，会将其转换为相同的类型然后再比较，转换后相等它也会返回true，null == undifined
1.7.1 !=
不等，判断左右两个值是否不等，如果不等则返回true，如果相等则返回false
不等也会做自动的类型转换。
1.7.2 ===
全等，判断左右两个值是否全等，它和相等类似，只不过它不会进行自动的类型转换，
如果两个值的类型不同，则直接返回false
1.7.3 !==
不全等，和不等类似，但是它不会进行自动的类型转换，如果两个值的类型不同，它会直接返回true
1.8 特殊的值
null和undefined
由于undefined衍生自null，所以null == undefined 会返回true。
但是 null === undefined 会返回false。
NaN
NaN不与任何值相等，报告它自身 NaN == NaN //false
判断一个值是否是NaN
使用isNaN()函数
1.8 三元运算符
语法
条件表达式?语句1:语句2;
执行流程：
先对条件表达式求值判断，
- 如果判断结果为true，则执行语句1，并返回执行结果
- 如果判断结果为false，则执行语句2，并返回执行结果
优先级
和数学中一样，JS中的运算符也是具有优先级的，
比如 先乘除 后加减 先与 后或
具体的优先级可以参考优先级的表格，在表格中越靠上的优先级越高，
优先级越高的越优先计算，优先级相同的，从左往右计算。
优先级不需要记忆，如果越到拿不准的，使用()来改变优先级。
写在最后
开学第二周，学前端一个半月了，在JS上至少卡了一个月（估计还要再卡半个月）， 第一次是学的PINK老师的，那会总感觉JS和之前学的c和JAVA有类似，以为自己会就没有仔细听，三天把JS基础刷完了，BOM和DOM那里学的也不是太扎实（至少是案例不会做……）学尚硅谷的JS高级之后我就发现有些跟不上了，第一节课都听的迷糊的程度= =于是我开始第二遍刷JS了，这次换成了李立超老师的JS（基础和高级一块讲了），超哥比PINK老师讲的要详细的多……所以我现在还在学JS= =这两天有空把超哥的笔记整理一下
以上。