目录
JavaScript基础day2
JavaScript简介和体验
JavaScript的组成(有什么?)
ECMAScript:
规定了js基础语法核心知识。
比如:变量、分支语句、循环语句、对象等等
Web APIs :
DOM 操作文档,比如对页面元素进行移动、大小、添加删除等操作
BOM 操作浏览器,比如页面弹窗,检测窗口宽度、存储数据到浏览器等等
JavaScript书写位置
1. 内部 JavaScript
直接写在html文件里,用script标签包住
规范:script标签写在</body>
上面
拓展: alert(‘你好,js’) 页面弹出警告对话框
<body>
<script>
alert('你好,js')
</script>
</body>
2. 外部 JavaScript
代码写在以.js结尾的文件里
**语法:**通过script标签,引入到html页面中。
<script src="my.js"></script>
⭕️script标签中间无需写代码,否则会被忽略!
⭕️外部JavaScript会使代码更加有序,更易于复用,且没有了脚本的混合,HTML 也会更加易读,因此这是个好的习惯。
3. 内联 JavaScript
代码写在标签内部
语法:
<body>
<button onclick="alert('逗你玩~')"></button>
</body>
注意: 此处作为了解即可,但是后面vue框架会用这种模式
JavaScript注释和结束符
JavaScript注释
-
单行注释
符号://
作用://右边这一行的代码会被忽略
**快捷键:**ctrl + /
-
块注释
符号:**/* */
作用:*在/ 和 */ 之间的所有内容都会被忽略
**快捷键:**shift + alt + A
JavaScript结束符
作用: 使用英文的 ; 代表语句结束
实际情况: 实际开发中,可写可不写, 浏览器(JavaScript 引擎) 可以自动推断语句的结束位置
现状: 在实际开发中,越来越多的人主张,书写 JavaScript 代码时省略结束符
**约定:**为了风格统一,结束符要么每句都写,要么每句都不写(按照团队要求.)
JavaScript输入和输出语句和字面量
1、输出语法:
语法1:
document.write('我是div标签')
document.write('<h1>我是标题</h1>')
**作用:**向body内输出内容
**注意:**如果输出的内容写的是标签,也会被解析成网页元素
语法2:
alert('你好,js~')
**作用:**页面弹出警告对话框
语法3:
console.log('看看对不对')
**作用:**控制台输出语法,程序员调试使用
2、输入语法
语法:
prompt('请输入你的年龄:')
**作用:**显示一个对话框,对话框中包含一条文字信息,用来提示用户输入文字
字面量
在计算机科学中,字面量(literal)是在计算机中描述 事/物
比如:
我们工资是:1000, 此时 1000 就是数字字面量,
‘黑马程序员’ :字符串字面量,
[] 数组字面量, {} 对象字面量 ,等等
变量
变量的基本使用
1. 声明变量:
要想使用变量,首先需要创建变量(也称为声明变量或者定义变量)
语法:
let 变量名;
- 声明变量有两部分构成:声明关键字、变量名(标识)
- let 即关键字 (let: 允许、许可、让、要),所谓关键字是系统提供的专门用来声明(定义)变量的词语
举例:
let age;
我们声明了一个age变量
age 即变量的名称,也叫标识符
2. 变量赋值:
定义了一个变量后,你就能够初始化它(赋值)。在变量名之后跟上一个“=”,然后是数值。
// 1.声明一个变量
let age;
// 2.age变量赋值为18
age = 18;
// 3.输出age变量
alert(age)
// 声明的同时直接赋值,变量的初始化
let age = 18
⭕️是通过变量名来获得变量里面的数据
3. 更新变量:
变量赋值后,还可以通过简单地给它一个不同的值来更新它。
let age = 18
age = 19
console.log(age)
⭕️ let 不允许多次声明一个变量。
4. 声明多个变量:
变量赋值后,还可以通过简单地给它一个不同的值来更新它。
**语法:**多个变量中间用逗号隔开。
let age = 18,name = 'pink'
说明:看上去代码长度更短,但并不推荐这样。为了更好的可读性,请一行只声明一个变量。
let age = 18
let name = 'pink'
交换两个变量案例
let num1 = 10
let nun2 = 20
let temp
temp = num1
num1 = num2
num2 = temp
console.log(num1, num2)
变量的本质和命名规则
变量的本质
变量命名规则与规范
**规则:**必须遵守,不遵守报错 (法律层面)
**规范:**建议,不遵守不会报错,但不符合业内通识 (道德层面)
1. 规则: