目录

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;
扫码关注我们
微信号:SRE实战
拒绝背锅 运筹帷幄