参会人:@鹿维恩
会议时间:2022-01-20
会议地点:6 号会议室
JavaScript是什么?
- js是高级编程语言, js引擎通过解析js代码, 解析成二进制让计算机去执行
- js组成
- ECMAScript
- ECMAScript是JavaScript语法(语法标准化)
- DOM
- 页面文档对象模型
- BOM
- BOM是浏览器对象模型
- ECMAScript
JavaScript书写
- 行内js
<body>
<!-- 1.行内式js -->
<input type="submit" value="唐伯虎" onclick="alert('秋香姐')">
</body>
- 内嵌js
<script>
alert('2.这是内嵌式js')
/*
单行注释 ctrl + /
多行注释 shift + alt + a
修改快捷键设置->键盘快捷方式 可以修改成ctrl + shift + /
*/
</script>
- 外部js
<!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>pink</title>
<!-- 3.外部js -->
<script src="my.js"></script>
</head>
输入输出语句
- 浏览器弹出警告框
<script>
alert('这是一个警告框')
</script>
- 浏览器控制台打印输出信息
<script>
console.log('在控制台打印输出信息')
</script>
- 浏览器弹出输入框
<script>
prompt('浏览器弹出输入框')
</script>
变量
变量是什么?
变量的本质:变量是程序在内存中申请的一块用来存放数据的空间
类似于我们的酒店的房间,一个房间就可以看做是一个变量
变量的使用
- 变量的声明
- var age;声明一个名称为age的变量
- var是一个js关键字,用来声明变量(variable是变量的意思).使用该关键字声明变量后,计算机自动为变量分配内存空间,不需要程序员管
- age是程序员定义的变量名,我们要通过变量名来访问内存中分配的空间
- var age;声明一个名称为age的变量
- 变量的赋值
- age = 10;把值存入这个变量age中
- 输出结果
- console.log(age);
- 变量初始化
- 初始化的意思是:声明变量再给值就叫做变量的初始化
<script>
var myname = 'pink老师';
console.log(myname);
</script>
变量小练习
<script>
//小案例
var name = '旗木卡卡西';
var address = '火影村';
var age = 30;
var email = 'kakaxi@itcast.cn';
var gz = 2000;
console.log(name);
//用户姓名 存储到一个name的变量里面
var name = prompt('请输入你的名字');
//输出这个用户名
alert(name);
//变量以最后一次赋的值为准
var myname = 'pink老师';
console.log(myname);
//更新变量
myname = '马尔扎哈';
console.log(myname);
//可以同时声明多个变量,只需写一个var,变量之间用逗号隔开
var username = '波比',
age = 18,
sex = '男',
address = '峡谷';
</script>
变量声明的特殊情况
- 只声明,不赋值,直接使用这个变量 程序不知道里面存放的是啥 所以结果是undefined未定义
- 不声明,不赋值,直接使用这个变量会报错 注意当前代码报错,程序将不再往下执行
- 不声明直接赋值使用 可以使用,但是不建议这样,因为代码不规范
<script>
var sex;
console.log(sex);
//console.log(laoba);错误写法
age = 18;
console.log(age);
</script>
变量命名规范
- 有字母数字下划线美元$组成
- 区分大小写
- 不能以数字开头
- 不能是关键字、保留字.例如:var\for\while
- 变量名必须有意义(见名知意)
- 遵守驼峰命名法.首字母小写,后面单词的首字母需要大写myFirstName