整理一些自己复习的js基础,希望对您有帮助。
JavaScript是什么?
-
JavaScript: 基于对象和事件驱动,运行在浏览器客户端的脚本语言。[js]
-
js引擎: 执行js代码
-
渲染引擎: 内核
✔ js的运行环境: 运行在浏览器端的一种语言 ✔ 最后将所有的js代码都要以对象的形式去执行,都要通过事件的方式去触发执行【DOM】
JavaScript 是脚本语言,是一种轻量级的编程语言。
HTML 中的脚本必须位于 <script> 与 </script> 标签之间。
在<script> 与 </script> 标签之间写js代码
JavaScript 有多种数据类型:数字,字符串,数组,对象等等
书写位置:
<body>
<!-- 书写位置 -->
<!-- 嵌入式 -->
<script>
// js代码
</script>
<!-- 外链式 -->
<!-- 注意: 外链式标签内部不要写其它代码 -->
<script src="./js/test.js"></script>
<!-- 行内式 -->
<!-- css -->
<!-- <div class="box" style="color: red;"></div> -->
<div class="box" onclick="alert(666);"></div>
</body>
输出语句:
<body>
<!-- 输出语句 -->
<script>
// 文档输出
// document.write("我是<br>一句话");
// 控制台输出 常用&重要
// console.log("今天的天气很好");
// console.error("哎呦,出错了呦~");
// console.info("我是一句info");
// console.warn("我警告你,离我远一点!!");
// 有确定按钮的弹出框
// alert("我是一个弹出框");
// 有确定和取消两种按钮 弹出框
// confirm("我能确定和取消");
// 有确定 取消 和 输入框 的弹出框
// prompt("我能输入啦,哈哈哈");
</script>
</body>
变量:
变量
变量: 变量指的是在程序中保存数据的一个容器 变量是计算机内存中存储数据的标识符,根据变量名称可以获取到内存中存储的数据 简单说:用来保存数据
定义变量
var 变量名;
赋值
变量名 = 值;
var 变量名 = 数据;
总结:
1. 一个变量一次只能保存一个值
2. 最后一次的赋值结果
3. 变量是区分大小写(js区分大小写)
命名规则:
必须遵守的,不遵守的话 JS引擎 发现并报错
1. 由字母(A-Za-z)、数字(0-9)、下划线(_)、美元符号( $ )组成,如:var usrAge, num01, _name
2. 区分大小写 强调:JS 严格区分大小写 ,var app; 和 var App; 是两个变量
3. 不能 以数字开头,或者汉字定义变量名
4. 不能 是关键字、保留字 和 代码符号,例如:var、for、while、&, class
5. 不能出现空格
6.变量名必须有意义
7. 遵守驼峰命名法。首字母小写,后面单词的首字母需要大写。
数据类型:
数据类型: 数据类型指的是变量的数据类型
数据类型分为:简单数据类型,复杂数据类型
简单数据类型【number,string,boolean,null,undefined】
数值类型(number):
凡是数字都属于该类型【整数,小数,负数】
☞ 只要变量的值是一个具体的数字,那么当前变量的数据类型就是数值类型
☞ number类型表示的数字大小:
最大值是±1.7976931348623157乘以10的308次方 Number.MAX_VALUE
最小值是±5 乘以10的-324次方 Number.MIN_VALUE
☞ 数值类型表示方式:(了解)
✔ 十进制表示
var n1=10,n2=9,n3=100;
✔ 十六进制表示
以 0x 开头 0到9之间的数字,a(A)-f(F)之间字母构成。 a-f对应的数字是10-15
[0,1,2,3,4,5,6,7,8,9,a,b,c,d,e,f]
var num = 0xA;
✔ 八进制表示
八进制直接以数字0开始,有0-7之间的数字组成。[0,1,2,3,4,5,6,7]
var num1 = 07;
var num2 = 06;
var num3 = 05;
☞ 备注:
进行算数计算时,八进制和十六进制表示的数值最终都将被转换成十进制数值。
字符串类型:
字符串可以是引号中的任意文本。可以使用单引号或双引号
如果数据是字母,符号,汉字,这些都是字符串类型,字符串类型的就要加引号
☞ 在js中一般写字符串类型的变量时候,推荐使用单引号。
字母,汉字,符号作为数据存在必须要用引号包含【var num = "abcdefgabcd""aaaaaaaaa";】
不管是什么数据如果用引号包含就变成字符串类型
1、字母,汉字,符号
2、只要是字符类型都要加引号
3、字符串和字符串不能直接挨着写
☞ 注意:
1. 单引号和双引号之间的嵌套
例如: 输出 我是"高帅富"程序猿;
2. 转义字符【\】
\n 换行
\\ 斜杠
\' 单引号
\" 双引号
\r 回车符
例如:
var strMsg = 'I'm the GOD of my world ~!'; //输出:I'm the GOD of my world ~!
var strMsg2 = "I"m the GOD of my world ~!"; //输出:I"m the GOD of my world ~!
var strMsg3 = '反斜杠是这个 \\,神奇!'; //输出:反斜杠是这个 \,神奇!
- 布尔类型
true(真) 和 false (假) 只有两种结果(只有两种状态),全都是用布尔值表示
-
null空类型,undefined类型(了解)
//如果一个变量没有赋值,该变量的默认是undefined var n1; //如果一个变量的值是undefined,那么该变量的数据类型就是undefined类型
复杂数据类型
-
object类型【万物皆对象】
-
array数组
表达式和语句
表达式
一个表达式可以产生一个值,有可能是运算、函数调用、有可能是字面量。表达式可以放在任何需要值的地方。
语句
语句可以理解为一个行为,循环语句和判断语句就是典型的语句。一个程序有很多个语句组成,一般情况下;分割一个一个的语句
数据类型判断
使用 typeof 变量 可以得到对应变量的数据类型
☞ 例如:
var n1 = 123;
//获取n1的数据类型
console.log(typeof n1);
var n2 = '123';
console.log(typeof n2);
var n3 = true;
console.log(typeof n3);
判断一个变量是不是数字
NaN:not a number【特殊值】 isNaN:is not a number【判断】
用来判断一个值是否是数字,如果是数字得到的false,如果不是数字得到的是true
isNaN(n):'aaa' is not a number
isNaN:==》is not a number
isNaN(n) ==》 n is not a number
isNaN(x) 方法
==>x是数字{false}
==>x不是数字{true}
is not a number
isNaN(n)==>3 is not a number
例如:
var usrAge = 21;
var isOk = isNaN(usrAge);
console.log(isNum); // false ,21 不是一个 非数值
var usrName = "James";
console.log(isNaN(usrName));//true ,"James"是一个 非数值
数据类型转换
转数值类型【Number,parseInt,parseFloat】
Number(变量):
总结:
1. 可以通过该方法将数据类