什么是JavaScript?
js是运行在浏览器端的脚本语言,现在的JavaScript,包含三部分
- ECMAScript:语法规范
- BOM: 用于操作浏览器的一些api
- DOM: 用于操作网页中元素的api
注释:
不会被浏览器解析的代码,注释是给程序员看
单行注释,特点:只能注释本行 快捷键 ctrl + /
多行注释,可以注释多行内容 shift + alt + A
输出语句
// 1. 警告框 alert
alert('警告,你小心点');
// 2. 确认框 confirm
confirm('你爱我吗?');
// 3. 输入框 prompt
prompt('请输入你的银行卡密码');
// 4. 往页面中输出内容 document.write
document.write('<h1>哈哈哈</h1>');
// 5. 往控制台输入日志: console.log
console.log('你们好啊');
变量申明
// 变量:可以变化的量, 作用:我们使用变量来存储数据
// 1. 声明变量, 以后想要使用某个变量,必须先使用var来声明他
var num;
// 给变量赋值
num = 18;
console.log(num);
// 2. 声明并且赋值一个变量
var num1 = 20;
console.log(num1);
// 3. 同时声明多个变量
var num = 10, num1 = 20;
console.log(num, num1);
// 4. 特殊的用法
// 4.1 变量直接声明,不赋值 结果是undefined
var num3;
console.log(num3);
// 4.2 变量不声明,直接赋值 虽然可以用,但是不要用
num4 = 20;
console.log(num4);
// 4.3 不声明变量,也不赋值变量 直接用会报错
console.log(num5);
变量的命名规则与规范
注意点:js代码如果某行代码报错了,就不会继续往下执行了。
规则:
- 必须由 字母,数字,_,$ 这4部分组成, 数字不能开头
- 变量还区分大小写
变量命名规范
- 变量名要有意义 见到名字知道意思
- 如果变量的名字比较长,推荐使用驼峰命名法
运算符
算数运算符
// +: 加号
// -: 减法
// *: 乘法
// /: 除法
// %: 取模
var num1 = 20;
console.log(10 + 10);
console.log(num1 + 20);
console.log(10 + '10');
console.log('10' + '10');
// - 号只有算数的功能
console.log(20 - 10);
console.log('20' - '10');
console.log(10 * '20');
console.log(25/10);
// 取余: 除不尽的余数
console.log(44 % 3);
赋值运算符
// = : 赋值运算符,表示把一个右边的值赋值给左边
// = += -= *= /= %=
var num = 11;
// num += 值; num = num + 值;
num += 10; // 21 num = num + 10
num -= 5; // 16 num = num - 5
num *= 2; // 32 num = num * 2
num /= 4; // 8
num %= 3; // 2
console.log(num);
自增与自减运算符
// var num = 5;
// ++ : 自增,表示让值 + 1
// 两种写法
// num++ : 后自增, num++先返回原来的值, 再让num+1
// ++num : 先自增 ++num 先让num+1 在返回结果
// console.log(++num);
// console.log(num);
// 1. 无论先增还是后增, num最终都要+1
// 2. num++ 和 ++num 整个的结果是不一样
// 3. num++ :得到的是之前的值 ++num: 得到的是+1后的值
var num = 10;
// console.log(++num);
// console.log(num);
var a = num++;
console.log(num);
逻辑运算符
// &&: 与 两边都要为true,结果才能为true
// ||:或 两边只要有一边为true,结果就是true,
// ! : 取反 非运算符
// &&: 两边都要是真,结果才是真, 只要有一个为假,结果就是假
// ||: 两边只要有真,结果就是真, 只有两边都为假 结果是假
// !: 真变假
console.log(true && false);
console.log(false && false);
console.log(true && true);
console.log(true || false);
console.log(false || false);
console.log(!true);
比较运算符
// = : 赋值元算
// == : 比较值是否相等
// != : 不等
// > 大于
// < 小于
// >= 大于等于
// <= 小于等于
// ===: 全等
// !== :不全等
// == 运算符,不比较类型,只会比较值
// === 全等 值要相等,类型也要相等
console.log(2 === 2);
console.log('2' === 2);
// == 和 != 不管类型,只比较值
console.log(2 != '2');
// === !== 比较类型和值
console.log(2 !== 2);
运算符的优先级
- ()的优先级最高
- 一元运算符(++, --, !)
- 算术运算符(先*/%, 后±)
- 关系运算符 (先> < >= <=, 后== === != !==)
- 逻辑运算符(先&&后||)