一、JavaScript简介
JavaScript诞生于1995年,网景公司开发了JavaScript。
- JavaScript是一款脚本语言(不是编译语言)
- JavaScript是一门弱类型语言。
- JavaScript是一门面向对象的语言。
- JavaScript是一门解释型语言。
- JavaScript是严格区分大小写的。
二、JavaScript的组成:
一个完整的js是由ECMAScript、Dom、Bom组成的。
三、JavaScript的使用
1.行内引入:
01.如果遇到引号嵌套,外单内双,外双内单;
02.javascript:js代码
2.内部引入:script标签
<script>
alert("Hello,World!");
</script>
3.外部引入:
<script src="main.js"></script>
注意:js当中的代码,如果把js写在head中,会造成dom阻塞的问题
一般script当中的代码写在h5代码之后
4.输出语句:
1.alert()弹出框
<script>
alert("Hello,World!");
</script>
2.document.write() 往页面输入内容,可以识别标签
<script>
document.write("Hello,World!");
</script>
3.console.log() 往控制台输入内容
<script>
console.log("输出一条日志");//最常用
console.info("输出一条信息");
console.warn("输出一条警告");
console.error("输出一条错误");
</script>
console.log的作用:
- 排错
- 方便测试
四、JavaScript的注释
注释中的内容不会被解析器解析执行,但是会在源码中显示,我们一般会使用注释对程序中的内容进行解释。
JS中的注释和Java的的一致,分为两种:
- 单行注释:
// 注释内容
- 多行注释:
/* 注释内容 */
单行注释
<script>
// 这是注释内容
console.log("Hello,World!");
</script>
多行注释
<script>
/**
* 这是注释内容
*/
console.log("Hello,World!");
</script>
五、 JavaScript基础语法
1.标识符
所谓标识符,就是指给变量、函数、属性或函数的参数起名字。
标识符可以是按照下列格式规则组合起来的一或多个字符:
- 第一个字符必须是一个字母、下划线( _ )或一个美元符号( $ )。
- 其它字符可以是字母、下划线、美元符号或数字。
- 按照惯例,ECMAScript 标识符采用驼峰命名法。
- 标识符不能是关键字和保留字符。
2.变量
变量的作用是给某一个值或对象标注名称。比如我们的程序中有一个值123,这个值我们是需要反复使用的,这个时候 我们最好将123这个值赋值给一个变量,然后通过变量去使用123这个值。
2.1 声明变量关键字var(全局变量)
在声明变量时,变量的数据类型取决于等号后面的值;
2.1.1 变量的声明
var a;
2.1.2变量的赋值:
a = 123;
2.1.2声明和赋值同时进行:
var a = 123;
3.数据类型
- number 数字类型
- string 字符串类型
- bolean 布尔值 true false
- null 空值 01.清空变量 02.当你的变量不知道什么类型时,可以暂时赋值为null
- undefined 未定义 变量声明但是并未被赋值;
这5种之外的类型都称为Object,所以总的来看JavaScript中共有六种数据类型。
隐式类型转换
1.number+string 会拼接
2.number-string 相减(字符串是数字)
NaN 不是一个数字(字符串是汉字)
3.布尔值参与运算时 true转1 false转0
4.undefined与任何运算都是NaN(除加)
5.null在参与运算都会转化为0
4.typeof运算符
使用typeof操作符可以用来检查一个变量的数据类型。
console.log(typeof 123);
console.log(typeof "Hello,World!");
console.log(typeof true);
console.log(typeof undefined);
console.log(typeof null);
使用typeof检查一个Number类型的数据时(包括NaN 和 Infinity),会返回"number"。
使用typeof运算符检查字符串时,会返回"string"。
布尔型也被称为逻辑值类型或者真假值类型。 布尔型只能够取真(true)和假(false)两种数值。
使用typeof对没有初始化和没有声明的变量,会返回“undefined”。
从语义上看null表示的是一个空的对象,所以使用typeof检查null会返回一个Object。
5.运算符
1、算术运算符
+、-、*、/、%、++、--、
2、关系运算符
>、<、>=、<=
3、赋值运算符
=、+=、-+、*=、/=、%=
4、逻辑运算符
&&、||、!
5、比较运算符
- 使用 == 来做相等运算
当使用==来比较两个值时,如果值的类型不同,则会自动进行类型转换,将其转换为相同的类型,然后在比较
- 使用 != 来做不相等运算
不相等用来判断两个值是否不相等,如果不相等返回true,否则返回false,不相等也会对变量进行自动的类型转换,如果转换后相等它也会返回false
- 使用 === 来做全等运算
用来判断两个值是否全等,它和相等类似,不同的是它不会做自动的类型转换,如果两个值的类型不同,直接返回false
- 使用 !== 来做不全等运算
用来判断两个值是否不全等,它和不等类似,不同的是它不会做自动的类型转换,如果两个值的类型不同,直接返回true
6、三目运算符
表达式 ? 结果一:结果二
1 > 2 ? yes : no
6、条件语句
1. if if(){}else{} if(){}else if(){}else
var age = 16;
if (age < 18) {
console.log("未成年");
}
var age = 16;
if (age < 18) {
console.log("未成年");
} else {
console.log("已成年");
}
var age = 18;
if (age < 18) {
console.log("小于18岁了");
} else if (age == 18) {
console.log("已经18岁了");
} else {
console.log("大于18岁了")
}
2.switch...case
switch (语句) {
case 表达式1:
语句...
case 表达式2:
语句...
default:
语句...
}
注意:需要注意的是一旦符合case的条件程序会一直运行到结束,所以我们一般会在case中添加break作为语句的结束。
7.循环语句
1、while
var i = 1;
while (i <= 10) {
console.log(i);
i++;
}
2.for
for (var i = 1; i <= 10; i++) {
console.log(i);
}