一、基础
1.js是一门编程语言,可以实现很多的网页交互效果。
2.js书写位置
内部js,直接写在html文件里,用<script>标签包住,写在</body>标签上方;
外部js,写在以.js结尾的文件里,通过script 标签,引入到html页面中,<script>标签不要写内容,会被忽略
内联js,写在标签内部
<body>
// 内联
<button onclick="alert('hi~')">按钮</button>
// 内部
<script>
alert('hello')
</script>
// 外部
<script src="./1.js"></script>
</body>
3.js的结束:分号
4.js的输入输出语句
prompt();
document.write();
alert()
console.log();
5.注释
单行// ctri+/
多行注释/**/ shift+alt+a
6.js代码执行顺序
按照html文档顺序执行js代码,alert()和prompt()会跳过页面先被执行
7.字面量
在计算机科学中,字面量是在计算机中描述的事/物
数字字面量,字符串字面量,组数字面量,对象字面量等
二、变量
1.变量是用来存储数据的容器。
2.变量的声明(声明,定义)let 变量;变量的赋值 (赋值运算符=)
声明变量的时候直接赋值,叫做变量的初始化。
<script>
let age = 18;
age = 19;
let uname = 'zs', sex = '女';
console.log(uname, sex);
</script>
let 不允许多次声明一个变量。不建议同时声明多个变量。
3.变量的本质:是程序在内存中申请的一块用来存放数据的小空间
4.变量的命名规则与规范
规则:
不能用关键字;
只能用下划线,字母,数字,$组成,且数字不能开头;
字母严格区分大小写
规范:
起名要有意义;
遵循小驼峰命名法
5.let和var的区别
var可以先使用再声明
var声明过的变量可以重复声明
var变量提升,全局变量,没有块级作用域
<script>
// 弹出姓名
let name = prompt('请输入姓名');
document.write(name);
// 2.交换变量
let num1 = 10;
let num2 = 20;
let num3 = num1;
num1 = num2;
num2 = num3;
console.log(num1, num2);
// 输出用户信息
let uname = prompt('姓名');
let age = prompt('年龄');
let sex = prompt('性别');
document.write(uname);
document.write(age);
document.write(sex);
//var和let,var先打印不报错
console.log(num);
var num;
num = 10;
</script>
6.数组
声明语法let 变量名=[数据1,数据2,数据3,...]
使用数组 数组名[索引号],索引号从0 开始
数组里可以存储任意类型的值,可以保存多个数据
元素:数组中保存的每个数据都叫数组元素
下标:数组中数据的编号
长度:数组中数据的个数,通过数组的length属性获得
数组字面量用[]中括号表示
<script>
// 定义星期
let arr = ['星期一', '星期二', '星期三', '星期四', '星期五', '星期六', '星期日'];
console.log(arr[0]);
console.log(arr.length);
console.log(arr[arr.length - 1]);
</script>
三、常量
1.使用const声明的变量为常量
2.使用场景:当某个变量永远不会改变的时候,就可以用const来声明
3.命名规范和变量一致
4.常量不允许重新赋值,声明的时候必须赋值
Assignment to constant variable.
四、数据类型
弱数据类型语言,只有赋值后才知道是什么数据类型
基本数据类型:number,string,boolean,undefined,null
复杂数据类型:object