js基础
0.js入门
js的三种书写位置
外部写法<script src>
行内写法 (onclick)
内部写法 <script>
js基础三大组成部分
ECMAscript
DOM
BOM
两种注释的写法
单行注释
多行注释 Ctrl+shift +a
输入和输出语法
alert() : 弹出提示框
console.log() :控制台打印(给程序员自己看的)
document.write() : 给页面添加内容(如果字符串中有标签,也可以解析)
prompt() : 弹出一个输入框(输入框可以输入任何数据)
confirm() : 弹出一个确认框(确认框有确认与取消按钮)
数据类型
五种基本的数据类型
string:字符串型 (一切以 单引号'' 双引号"" 反引号``包起来的内容)
number:数值型 (一切数学中的数值)
boolean:布尔型(只有两个值 true(真) false(假))
undefined : 未定义 类型 只有一个值 undefined
null : 空值 只有一个值 null
typeof
语法结果:得到一个字符串来告诉你这个数据是什么类型。
变量
变量的基本用法
变量的作用:在内存中存储数据
声明变量: 在内存中开辟一个空间 用let来进行声明
变量赋值: =就是赋值运算符(把右边的数据存储到左边变量中)
变量可以在声明的时候赋值
变量的注意事项
变量不允许重复命名
变量重新赋值会先销毁旧值,然后再存入新值
变量之间赋值是去出变量的数据复制一份,然后粘贴
变量不可以直接交换,若要交换需要一个空值做中间值
变量的命名规则与规范
规则: 1.变量名必须以: 字母、下划线_ 、$符号开头,结尾可以是字母、下划线_ 、$符号、数字
2.变量不能使用关键字作为变量名
规范: 1.变量取名要有意义,最好是英文名词
2.多个单词使用时使用驼峰命名法:第一个单词首字母小写,后面的单词首字母大写
常量
常量:const 常量和变量都有存储的作用,但是常量不可以修改
js中数据的两种使用方法
1.先存入变量中,通过变量取值语法来使用
变量:指的是内存中的一块空间,里面的数据是可变的。(变量是内存空间)
2.不存入变量中,直接使用
字面量:指的就是一个固定的数据
注意:字面量永远不能存在=的左边 , 因为=好会把右边的数据存入左边的变量 而字面量只是一个数据,没有存储功能
运算符与表达式
算数运算符
用于 数学算术运算 + - * / %(求模运算,相当于取余数)
算术表达式:由算术运算符组成的式子 例如 1+1
任何表达式,都一定会有运算结果 要么存入变量 要么直接使用
赋值运算符 (= += -= *= /= %=
*/)
=指的是将右边的数据存入左边的变量,只有=可以改变变量的值
+=指的是先进行相加,在存入变量,例如num += 5就相当于num=num+5
其他的和+=类似
自增自减运算符
num++:num是变量名 ++是自增运算符 意思是自增加1
num++相当于num+=1相当于num=num+1
自减运算符和自增运算符类似 num--
连接符
1. +号只要遇到字符串,就会变成连接符 例如: '大家好,我的名字叫:' + name + '我的年龄是:'+ age
2.模板字符串 `${变量名}` 例如: `大家好,我的名字叫:${name},我的年龄是:${age}` 只有反引号有这个语法
如果字符串不需要变量取值就使用单引号 如果字符串需要变量时取值就用`${变量名}`
关系运算符
作用:比较两个数据的关系
符号有:> >= < <= ==(相等) !=(不等) ===(全等) !==(不全等)
关系表达式:有关系组成的式子
=号的注意事项
= : 赋值运算符 右边数据存入左边容器
== : 相等运算 只比较值,不比较数据类型
=== : 全等运算 既比较值,也比较数据类型
关系表达式运算结果一定是布尔值, true(成立) false(不成立)
逻辑运算符
作用:多个条件的关系 (成立/不成立)
&& 逻辑与
全真为真,一假全假
|| 逻辑或
全假为假,一真全真
! 逻辑非
取反 若果是true则输出的就过是false 反之则是true