1.1 如何使用
在HTML中两种方式
> 一种是在body标签内末尾使用script标签 > 另一种则是<script src="index.js"><script>
1.2 在三元表达式中使用模板字符串
涉及转义符,反引号,占位符
let str = `我是${ true ? `浙江--${true ? '杭州' : '丽水'}` : `江苏-${true ? '南京' : '常州'}` }`; console.log(str); // 我是浙江--杭州
1.3 两种定义变量使用
一、之前使用的var已被淘汰,将使用let 和const定义变量
let name = "Will Smith"; console.log(name); const name = "Bob"; console.log(name);
注意:
先定义,后使用,否则报错
let定义的变量可以被多次重新赋值,而const定义的变量只能赋值一次
let定义变量的时候,可以不赋初始值,const定义变量的时候,必须初始值
2.1常用的数值类型
常用的数值类型主要包括整数,浮点数(你可以理解为小数)和NaN(Not a Number非数值),字符串和字符,在这里强调下与其他语言不同的是字符串和字符""和’'效果一样,
浮点数懂得精度丢失问题:0.1+0.2!=0.3, 浮点数值的最高精度是17位小数,但是在算数运算当中其精度远不如整数.
NaN(Not a Number):即非数值.
let a = "number"; let b = 10; let c = a / b; console.log(c); // NaN console.log(typeof c); 其他出现NaN的情况: 1. 0/0 2. 字符串乘以数字 3. NaN和任何数进行运算,例如: let a = "number"; let b = 10; let c = a / b; // 此时`c`和任何数进行运算结果都是`NaN`
2.2 类型转换和字符串拼接
类型转换主要包括两种,隐式转换和强制类型转换
何为隐式转换:
数字字符串加数字,数字隐式转换为字符串
console.log(20+'20'); // 2020 // 调换位置亦可 console.log('20'+20); // 2020
数字字符串与数字做非加法运算,字符串隐式转换为数字
console.log('20'-10); // 10 console.log(10*'10'); // 100 console.log(10/'2'); // 5
数字字符串与数字字符串做非加法运算,隐式转换为数字
console.log('20'-'10'); // 10 console.log('20'/'10'); // 2 console.log('20'*'10'); // 200
何为强制转换:
强制类型转换我们需要学习两个,
parseInt(将小数字符串、整数字符串或者小数转换为整数)、parseFloat(将小数字符串转换为小数).
1.整数字符串转换为整数
2.小数转转整数
let number = '20.5'; let converNumber = parseInt(number); console.log(converNumber); // 20 不足21一律按照20算 console.log(typeof converNumber); // number
小数字符串转换为小数
字符串拼接:
+号的使用,自动转换,整数和字符串
// 定义两个变量去接收两个数字 let a="1"; let b="2"; // 输出结果 console.log(a+b);12
2.3运算符
相等("==")和全等("===")的使用
在编程语言里我们会经常去做值的判断,比如判断两个值是否相同,这时候就要用到相等(==)和全等(===)运算符,这两个运算符的区别是前者只判断值是否相同,后者在此基础上还要判断类型是否相同.
案例:
let number1 = '45'; let number2 = 45; console.log(number1 == number2); // true
思考:上述代码似乎开始不符合我们的常规思想了,一个是字符串,一个是数字,怎么会相等呢?
答案:隐式类型转换,在这里做比较的时候会首先将’45’转换为 45,然后再去跟比较, 而如果是===就会false
在这里强调一下:JS中的不等于符号是!==
- Laravel8入门教程(一):Laravel8的安装与环境搭建
- 手把手教你在linux下搭建mysql多主多从
- windows批处理,批量替换文件、文件夹名中的空格
- ngnix项目配置网站不加www可以访问
- Linux系统是否被植入木马的排查流程
- Mysql用户权限配置
- PHP判断网站的访问来源是否是蜘蛛
- Linux下搭建SVN服务器及自动更新项目文件到web发布目录(www)
- SQLSTATE[42000]: Syntax error or access violation: 1071 Specified key was too long; max key length
- windows cmd “Loaded Configuration File none”未加载php.ini的解决办法