JS基础
Javascipt
基础
一、输出语句
alert('这是我的第一行js代码')；控制浏览器弹出一个警告框
document.write('我是body中的内容')；可以向body中输入一个内容
console.log('开发者工具')；在控制台输出一个内容
二、js代码能写的位置
虽然可以写在标签属性中，但是属于结构和行为耦合，不推荐使用，推荐使用外部引入
- <button dispaly:'none' onclick='alert("点我干嘛")'>按钮 可以将js代码编写到标签onclick属性中，当我们点击按钮时，js代码才会执行
- <a href='' dispaly:'none'>点我 可以将js代码写在超链接的href属性中，点击超链接，执行js代码
注释
单行注释：//
多行注释：*/* /
注意：
- JS中严格区分大小写
- JS中每一条语句以分号( ; )结尾
- JS中会忽略多个空格和换行
字面量和变量
字面量，都是一些不可改变的值
- 比如：1 2 3 4 5
- 字面量都是可以直接使用，但是一般不会直接使用
变量，变量可以用来保存字面量，而且变量的值是可以任意改变的
- 变量更方便我们使用，在开发中都是通过变量去保存一个字面量的
声明变量：用let 关键字来声明一个变量
let a;
变量赋值：let a = 123;
三、标识符
在JS中所有的可以由我们自主命名的都成为标识符
例如：变量名、函数名、属性名都属于标识符
命名标识符规则：
- 标识符中可以含字母、数字、下划线、$
- 标识符不能以数字开头
- 标识符不能是ES中的关键字和保留字
- 标识符一般都采用驼峰命名法
- 首字母小写，每个单词的开头字母大写，其余字母小写
- 例如： helloWorld
四、数据类型
指的就是字面量的类型，其中前面五种属于基本数据类型，而Object属于引用数据类型
在JS中一共有六种数据类型(typeof来检查变量类型)
强制类型转换
指将一个数据类型强制转换成其他数据类型（String Number Boolean）
转换String
方式一：
调用被转换类型的toString()方法
该方法不会影响到原变量，它会将转换的结果返回
注意：null 和 undefined 这两个值没有toString()方法
let a =123;
let b = a.toString();
方式二：
调用String()函数，并将被转换的数据作为参数传递给函数
对于Number和Boolean实际上就是调用toString()方法，但对于NaN和undefined，就不会调用toString()方法，会将null 直接转换成"null",undefined 转换"undefined"
a = 123;
a = String(a);
转换Number
方式一：（-0 *1 /1）也可以转number 更简单的是正负号（a=+a）先转换为number类型
使用Number()函数
let a = "123";
a = Number(a);
字符串转数字
1、纯数字字符串，直接转换数字
2、如果有非数字的内容，则转换为NaN
3、如果字符串是一个空串或者是一个全是空格的字符串，则转换为0
布尔型转数字
true 转为 1
false 转为 0
Null 转数字
为 0
undefined 转数字
为 NaN
方式二：
这种方式专门来对付字符串，如果对非String使用，会先将其转换为String，然后再操作
1、parseInt() 把一个字符串转换为一个整数
2、 parseFloat() 把一个字符串转换为一个浮点数
转换Boolean
- 使用Boolean()函数
- 数字转布尔，除了0和NaN，其余都是true
- 字符串转布尔，除了空串，都是true
- null和undefined，都是false
String 字符串
在JS中字符串使用引号引起来(单双引号都可以)
let str = 'hello';
str = "我说:'今天天气真不错' "
str = " 我说：" 今天天气不错" "
转义字符：\n ' " \
Number 数值
- 在JS中所有的数值都是Number类型(包括整数和浮点数（小数）)
- JS中的最大值 Number.MAX_VALUE
- 超过最大值，返回Infinity正无穷，typeof检查Infinity返回Number
- NaN 非数字 typeof检查NaN返回也是Number
Boolean 布尔型
- 只有两个，用来做逻辑判断
- true 真 / false 假
Null 空值
- Null类型的值只有一个，就是null
- null这个值专门表示一个为空的对象
- 检查null时，会返回object
Undefined 未定义
- 值只有一个，就undefined
- 当声名一个变量，但不给变量赋值时，它的值就是undefined
- 检查undefined时，会返回undefined
Object 对象
五、运算符
运算符也叫操作符，通过运算符可以对一个或多个值进行运算，并获取运算结果
例如：typeof就是运算符，可以来获得一个值的类型
算术运算符
当对非number类型的值进行运算时，会将这些值转换为number，然后进行运算(除了加法运算)
任何值和NaN做运算都得NaN
如果对两个字符串进行加法运算，则会做拼串，将两个字符串拼接成一个字符串，并返回
任何值和字符串做加法运算，都会先转换为字符串，然后再和字符串做拼串操作
let a = 1;
let result = a + 1; 2
result = 11 + 22; 33
result =true + 1; 2
result =true + false; 1
result =2 + null 2
result =2 + NaN; NaN
result ="123" + "456" 123456
六、逻辑运算符（非与或）
- 太简单就不加笔记了
七、赋值运算符
- a += a a *= a (+- * / % )
八、关系运算符
通过关系运算符可以比较两个值之间的大小关系
如果关系成立它会返回true，不成立返回false
- consloe.log(5>10) // false
- 5<10 //true
- 5<=5 //true
- 10 <='hello' //false
- 10>null //true
注意：比较两个字符串时，比较的是字符串的字符编码(Unicode编码)
'a'>'b' //false
比较字符编码是一位一位进行比较,如果两位一样，则比较下一位
'abc'<'bcd';true
如果比较两个字符串型的数字，一定要转型
'123123213'<'5' //true
'23232323'<+'5' //false
九、Unicode编码表
在字符串中使用转义字符输入 Unicode编码
\u 四位编码
'\u2620'
在网页中使用Unicode 编码
&#编码； 这里的编码需要的是10进制
/*<h1 style='font-size:100px'>☠</h1>*/
十、相等运算符
相等运算符用来比较两个值是否相等
如果相等会返回true，否则返回false
使用 == 来做相等运算
