1.JS的引入:
1)JavaScript是一种脚本语言.
2)内部引入方式:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<!-- script // 脚本 -->
内部引入:<script> </script>
</body>
</html>
1.尽量写在body下面
2.最下面的意思是 所有标签的最下面
3)外部引入方式:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<!-- script // 脚本 -->
<!-- 外部引入:<script src=""></script>
</body>
</html>
1.文件必须是后缀名为.js
2. 引入文件的路径写在属性名为src的属性值里面
3.路径规则遵循,相对路径和绝对路径规则
2.字面量:
1)字面量基础定义
写一个值,不会在控制台上 出现红色报错 的一些值(数值和字符串)。
2)在JS中只有数字和字符串是字面量 中文不是。
1.用英文 双引号或者单引号 括起来的值叫做字符串类型
3.输出方式:
1)控制台输出方式
console.log(250);
console.log('250');
2)警告框输出方式
alert('我爱坤坤');
alert('ikun');
3)页面输出方式
document.write('我是Ikun')
4.JS中注释方法:
1)单行注释
//我是单行注释
VScode 快捷键 ctrl + /
2)多行注释
/* 我是多行注释
如果使用多行注释的话
需要提前选中 需要注释的部分
*/
VScode快捷键 ctrl+shift + /
5.变量:
1)变量定义
会变化的量
2)声明变量的三种方式
1.var 声明
var 变量名 = ;
2.let 声明
let 变量名 = ;
3.const 声明
const 变量名 = ;
3)变量的名称命名规范:
1.只要避开保留字(for,in,while,do,new,Object,Array,null,Number,String,NaN,function,name)等;但是只要这些保留字前面加上一个英文的下划线(_)这个名称就不是保留字了
6.JS变量声明的区别:
提示:
在JS中 等号 是赋值符号
1)var 声明:
var name = 10;
console.log(name); //10
name = '文丁响';
console.log(name); //文丁响
2)let声明:
let name = 10;
console.log(name);//10
name = '蔡徐坤'
console.log(name);//蔡徐坤
3)var和let的区别:
var 定义一个变量,再去定义一个相同的变量名字,代码不会出错
let 定义一个变量,再去定义一个相同的变量名字, 控制台会提示 快变量不能定义相同的名字
不会报错
var name = 10;
console.log(name);
var name = '蔡徐坤';
console.log(name);
会报错
let name = 10;
console.log(name);
let name = '蔡徐坤'
4)const声明:
const 定义一个常量的数据类型 定义的常量不能重新赋值
7.变量提升:
1)var 定义的变量 会把所有的变量名全部记下来
但是不给他赋值,仅仅只定义了这个变量名,但是这个变量名 值未定义,那么所以变量的值,都等于undefined
var _name;
console.log(_name);//undefined
undefined 是一个数据类型 未被定义的数据类型
2)变量提升:
1.
console.log(_name);//报错 后面不执行
2.
_name = 10;
console.log(_name);//10
3.
console.log(_name);//undefined
var _name = 10;
console.log(_name);//10
4.
var _name;
console.log(name);//undefined
_name = 10;
console.log(name);//10
3)为什么var有变量提升,let和const没有:
1.var是全局变量,整个网页中 都能访问的变量;
2.let是局部定义变量 块变量 只有一部分代码区域可以访问到;
3.const 定义的是常量
8.数据类型:
1)基本数据类型:
<script>
// 7种基本数据类型
1.Number 数值
2.String 字符串
3.undefined 未定义
4.null 空
5.NaN 该数字无法转换成数值
6.Boolean 布尔类型
7.Array 数组类型
8.Object 对象
严格意义上讲 只有七种数据类型:
因为Array(数组)和Object(对象)同属于Object 对象类型
var num = 10;//数值
console.log(num);
var str = '10';//字符串
console.log(str);
var und;//未定义 undefined
console.log(und);
var _null = null;//空值
console.log(_null);
var _nan = NaN;//无法转换成数值
console.log(_nan);//NaN
布尔数据类型(Boolean):俩值
1.true 用Number数值转换 1
2.false 用Number数值转换 0
var bool = false;
console.log(
Number(bool)
);
</script>
2)引用数据类型:
1.数组类型:
Array(0)
0代表的时 数组长度
2.数组取值方式:
var arr = [1,2,3,4,5];
数值取值方式
找到相应的数组下标(数组下标的开始值 是从零开始的)
从0开始
console.log(arr[0]);// 1
3.改变数组中的某个值:
var arr = [1,2,3,4,5];
赋值 arr[下标];
arr[0] = '6'
console.log(arr[0]);//6
9.Object对象数据类型:
1)对象数据类型:
var obj = {
键名1 :键值1,
键名2 : 键值2,
};
键名 尽量遵循变量命名规则:
键值 可以是所有的数据类型,但是一次只能赋予这个键名一种数据类型的值
对象里面的键名与外面相同名称的变量不冲突
2)对像取值:
(1)使用数组下标的方式取值 obj['键名']
(2)对象后面用. 调用键名 obj.键名
3)对像赋值:
(1)obj.键名 = 要被赋予的值
(2)obj['键名'] = 要被赋予的值