一、初始JavaScript
JavaScript 是 Web 的编程语言。
所有现代的 HTML 页面都使用 JavaScript。
在网页中,JavaScript 代码,需要在script标签中定义。
script标签可以放在的网页的任何地方,但是,通常会放到body标签的最下方,
确保JavaScript 代码,在网页的内容全部加载完毕后再执行。
1.输出语句
console.log 输出信息
console.warn 输出警告信息
console.error 输出错误信息
console.table 以表格的方式展开对象的成员信息
console.time(name) 开始测试时间
console.timeEnd(name) 结束测试时间
2.定义变量
1.什么变量
就是内存中的一个空间,用于存储数据,数据的种类是不一样的,所以对空间的要求也不一样。
定义不同类型的变量,其实就是定义不同的存储空间,存储不同的数据。
var是定义变量的关键字,定义变量的方式是:var 变量名 = 变量值。
变量名就是变量的标识,用于之后重新获取变量里面保存的值。
注意:js是一门弱类型语言,不像java,C#是强类型语言。
强类型语言,在定义变量的时候,就必须要明确类型,并且之后不能再改变类型。
弱类型语言,在定义变量的时候,不需要明确类型,类型由具体的数据确定,并且之后可以改变类型。
2.类型
number是数字类型,注意:在js中,整型和浮点型的数据都是number类型。
string是字符串类型,由一对双引号 或 单引号 引起来的数据都是字符串。
boolean是布尔类型,布尔类型用于表示:真 或 假。只有两个属性值:true 和 false。
undefined是未定义类型,变量已经定义,但是还没有赋值。
object是对象类型,用于定义复杂的数据格式。
null是空类型,用于表示空对象,所以,null本质上也是object类型,但是不具有object默认的属性和行为。
symbol是ES6新增了一个数据类型,用于确定一个唯一的数据,通常用于给对象添加唯一的属性 或 方法。
ES6指的是ECMAScript2015之后的版本
注意:在js中,每条语句采用分号结尾,分号可以省略。
总结:在js中,数据类型一共有7个。
分别是:number(数字类型),string(字符串类型),boolean(布尔类型),undefined(未定义类型),
object(对象类型),null(空对象类型),symbol(唯一值类型)。
3.算术运算符
算术运算符:+ - * / %
注意:字符串 + 任何数据 都是拼接,重新返回新的字符串。
表达式是从左往右执行,当遇到字符串时,整个表达式才当做字符串处理。
除法运算,除法会保留小数。
parseInt()函数,用于取整数,注意:并不是四舍五入,而且去掉小数。
简写形式:
b += a //b = b + a
b -= 10 //b = b - 10
b *= 2 //b = b * 2
b /= 5 //b = b / 5
b %= 3 //b = b % 3
num++ // num = num + 1
++num // ++可以放在变量的后面,也可以放在变量的前面
++在变量的后面,表示先返回变量的原值,再加1
++在变量的前面,表示变量的值先加1,再返回变量的值
4.比较运算符
比较运算符:> >= < <= == != ===(全等于,恒等于) !==(恒不等于)
使用比较运算符的表达式是比较表达式,比较表达式返回的数据类型是boolean类型
注意:采用==比较两份数据是否相等,只比较值,不比较类型。
注意:采用===比较两份数据是否相等,值要相等,类型也要相等。
注意:采用!=比较两份数据是否不相等,只比较值,不比较类型。
注意:采用!==比较两份数据是否不相等,值不相等或者类型不相等。
5.逻辑运算符
逻辑运算符:&&(并且) ||(或者) !(取反)
|| 是或运算符,左右两个表达式,其中一个返回true,整个表达式返回true
&& 是与运算符,左右两个表达式,都返回true,整个表达式才返回true
! 是非运算符,用于将表达式的值取反值,如果表达式返回true,取反就是false
6.运算符的优先级
运算符的优先级:() > 算术运算符 > 关系运算符 > ! > && > ||
7.命名规范
变量里面保存的是一份数据,为了方便将来获取里面存储的数据,变量名命名一定要规范。
就是看到变量名就知道里面存储的是什么数据。(见名知意)
在JS中,变量名的规范有:
只能使用:字母、数字、_、$ 做为变量名称。
数字不要开头
不能使用JS的关键字
多个单词组成的变量名,要使用驼峰命名法,第一个单词的首字母小写,其余单词的首字母大写。