1 js入门
JavaScript是运行在浏览器编程语言
js三要素:ECMAscript DOM BOM
js的书写位置(3种)
行内式
内联式
外链式
js的两种注释方式
1 单行注释 // 快捷键 ctrl+/
2 块注释 /* */ 快捷键 shift+alt+a
js的输入与输出
// 1 弹出一个提示框
alert('你好')
// 控制台打印
console.log('请输入你的名字');
// 在页面打印
document.write('好好学习天天向上')
// 弹出输入框
prompt('你的名字是?')
// 弹出一个确认框
confirm('给我买好嘛?')
js的结束符
- 分号;作用 : 结束符,代表一个语法书写结束。
- 如果一行代码只有一个语句,则可以省略分号(js编译器会自动给你加)
- 开发中,一般保持代码风格统一。要么每一个语句都加分号,要么都不加
2 数据类型(基本数据类型5种 引用数据类型3种)
1.为什么需要有数据类型?
* 每一种编程语言都有自己的语法规则,在处理数据的时候,也会有自己的规则,不是任何数据都可以处理的。
2.什么是数据类型?
* js编译器在解析代码的时候,会产生各种不同的数据。 而不同的数据'运算'与'存储'方式都不同, 计算机需要对这些数据进行分类,称之为数据类型。
1. string类型 : 字符串 一切以 单引号'' 双引号"" 反引号``包起来的内容
作用 : 用于展示文本
2. number类型 : 数值 一切数学中的数字
作用 : 用于数学计算
3. boolean类型 布尔 只有两个值 : true(真) false(假)
作用 : 用于条件判断 true:条件成立 false:条件不成立
4. undefined : 未定义 只有一个值 undefined
5. null : 空值 只有一个值 null
3 变量
3.1 什么是变量?
变量是存储数据的容器。
3.2 变量的使用方式?
- 声明变量
- 变量赋值
- 变量取值
注意(1.变量不允许重复声明的。2.变量重新赋值 : 先销毁旧值,然后存入新值)3.变量之间赋值 : 取出变量的数据拷贝一份,然后复制。
3.3 变量命名的规则和规范?
1.规则 : 强制遵守,不遵守则程序报错
1.1 变量名必须以: 字母、下划线_ 、符号、数字
1.2 变量不能使用关键字作为变量名
2.规范 : 大家共同遵守的一种习惯。 不遵守,不报错。但是不规范
2.1 变量取名要有意义,最好是英语名词
2.2 多个单词使用驼峰命名法 : 第一个单词首字母小写,后面单词首字母大写
3.4 常量?
什么是常量,如何使用常量
值不可以修叫常量, 语法 :使用const声明
3.5 字面量 : 指的是一个固定的数据(字面量是数据)
4 运算符与表达式
4.1 什么是运算符? 什么是表达式?
有运算作用的符号。 表达式 : 由运算符组成的式子 (重点: 任何表达式,都一定会有运算结果)
1 算术运算符 用于 数学算术运算
+ - * / %(求模运算,相当于取余数)
2.赋值运算符 = += -= *= /= %=
let num = 10
num += 5
console.log(num);
let num1 = 10
num1 /= 5
console.log(num1);
let num2 = 10
num2 %= 5
console.log(num2);
3.自增自减运算符
自增运算符 ++ 自增表达式: num++
自减运算符 ++ 自减表达式: num--
4 连接符
推荐方式: 使用模板字符串 ``
作用: 拼接字符串 ${ 变量名 }
let name = prompt('请输入你的名字')
let age = prompt('请输入你的年纪')
//1.错误方式 : 此时name和age都是字符串的一部分,无法取值
//2.正确方式: 使用连接符 +
// +号 : 只要遇到字符串,就是连接符
console.log('大家好,我的名字叫:' + name + '我的年龄是:' + age)
//3.推荐方式: 使用模板字符串 ``
//作用: 拼接字符串 ${ 变量名 }
console.log(`大家好,我的名字叫:${name} ,我的年龄是:${age}`)
5.关系运算符
1.关系运算符作用 : 比较两个数据的关系
> >= < <= ==(相等) !=(不等) ===(全等) !==(不全等)
2.关系表达式 : 由关系运算符组成的式子 例如: 2 > 1
重点: 关系表达式的运算结果一定是布尔类型 : true成立 false不成立
重点:( =号注意点
= : 赋值运算符 右边数据存入左边容器
== : 相等运算 只比较值,不比较数据类型
=== : 全等运算 既比较值,也比较数据类型
==(相等) !=(不等) 结果一定是相反的)
6. 逻辑运算符
逻辑运算符只有三种
* && :逻辑与 ,读作并且 (一假全假)
* || :逻辑或,读作或者 (一真全真)
* ! :逻辑非,读作取反 * true(真)变false(假),false(假)变true(真)
语法: 表达式1 逻辑运算符 表达式2
4.2 运算符的优先级