2019.5.5 JS相关
目录
JS(JavaScript)
简介
- JS全称:JavaScript
- JS是面向对象的编程语言,脚本语言
- JS的组成部分
- EMAScript:ES5 ES6 基础语法和标准性的东西
- DOM:文档元素进行操作
- BOM:对浏览器进行操作
JS的变量
怎样定义变量?
Example : var a = 10;
SRE实战 互联网时代守护先锋,助力企业售后服务体系运筹帷幄!一键直达领取阿里云限量特价优惠。
- var :类型修饰符
- a :变量名,需要符合命名规范
- = :赋值运算符
- 10 :初始值
; :代表一条语句的结束
给变量重新赋值时,不需要再加var变量名的命名规范
- 以数字,字母,下划线,$组成,不能以数字开头,尽量保证见名知意
- 以驼峰结构命名 personName
不能使用系统关键字
JS的基础变量类型
JS是弱类型编程语言
Q:怎样判断数字类型?
A:使用"typeof(变量名);"
可以写"alert(typeof(变量名))"使用提示框显示,也可以写"console.log(变量名);"使用控制台显示。
数字类型 number
Example : var a = 10;
Example : var b = 3.1415;
JS中没有浮点类型 带小数点的也是number
字符串类型 string
Example : var str = "abc"
字符串拼接
var str1 = "五一";
var str2 = "节后综合征";
var str3 = str1 + str2;
隐式类型转换
var str5 = "10" + 10;
console.log(str5);
结果是1010
布尔值类型 boolean
Example : var flag = true;
Example : var flag = false;
布尔值只有两个值 真和假
未定义类型 undefined
Example : var c;
空类型 null
一般对象赋初值时候使用
JS的运算符
算术运算符
通常运算符
+ - * / %
取余 % Example : var m = 10 % 3;
第一组特殊运算符
++ --
n++; n--;
var n = 3;
var x = n++;
此时得出的结果是x = 3,n = 4;
先返回再自加;
var y = ++n;
此时得出的结果是y = 4,n = 4;
先自加再返回;
但是当++n和n++单独作为一条语句出现时,因为返回值没有任何变量去接受,所以n++和++n是一样的;
第二组特殊运算符
+= -= *= /=
n += 2; 相当于 n = n + 2;
逻辑运算符
与运算
与运算 &&
只有当运算符左右两边同为真时,与运算才为真,其余都为假;
console.log (x && y);
console.log (x && y && z);
console.log (x && z);
或运算
或运算 ||
当运算符左右两边有一边为真时,或运算即为真;
console.log (x || y);
console.log (x || y || z);
console.log (x || z);
非运算
非运算 !
非运算为给!后的变量/式子取反
console.log (!x);
给本身取反:
x = !x;
比较运算符
第一组比较运算符
> < >= <= !=
第二组比较运算符
== ===
== 判断的是数值相等
var x = "10" == 10;
这条语句返回的是true;
=== 判断的是数值和类型都相等
var x = "10" === 10;
这条语句返回的是false;

更多精彩