一、简单了解
Java和JavaScript是没有什么关系的,不过当时Java非常流行,为了蹭热度,才将原名LiveScript更名为JavaScript
JavaScript的组成(学习的内容)
1、js特点
- 解释型语言
- 动态语言,所谓的动态语言可以理解为在语言中的一切内容都是不确定的。
- Js的语法结构和Java很像,for、if、while等语句和Java的基本上是一模一样的。
- 基于原型的面向对象
- 严格区分大小写(java也是)
2、js在html使用是创建script标签/src引用
<script>
alert("你好")
</script>
src = “引用文件”
<script src="myJava/js.js"></script>
3、输出
浏览器输出
console.log("输出内容")
console.warn("输出警告");
console.error("输出错误");
4、js注释
单行注释:// 注释内容
多行注释:/* 注释内容 */
二、基础语法
1、标识符
标识符,就是给变量、函数、属性或函数的参数命名。
按照下列格式规则命名:
- 第一个字符必须是一个字母、下划线( _ )或一个美元符号( $ )
- 其它字符可以是字母、下划线、美元符号或数字
- 驼峰命名法
- 标识符不能是关键字和保留字符
<script>
var textVar = 10;
</script>
2、数据类型
2.1基本数据类型
-
字符串型(String)
String用于表示一个字符序列,即字符串。字符串需要使用 单引号 或 双引号 括起来。
-
数值型(Number)
Number 类型用来表示整数和浮点数,最常用的功能就是用来表示10进制的整数和浮点数。
Number表示的数字大小是有限的,如果超过了这个范围,则会返回 ±Infinity。 -
布尔型(Boolean)
布尔型也被称为逻辑值类型或者真假值类型,true/false -
undefined型(Undefined)
Undefined 类型只有一个值,即特殊的 undefined。
在使用 var 声明变量但未对其加以初始化时,这个变量的值就是 undefined(未定义) -
null型(Null)
Null 类型是第二个只有一个值的数据类型,这个特殊的值是 null。(空)
undefined值实际上是由null值衍生出来的,所以如果比较undefined和null是否相等,会返回true。
<script>
var i = 10;
var a = 20;
console.log(i == a);
var v;
console.log(v);
console.log(null)
</script>
2.2typeof运算符
typeof运算符可以检查一个变量的数据类型:typeof 数据
<script>
console.log(typeof 111);
console.log(typeof 'luo');
console.log(typeof true);
console.log(typeof undefined);
console.log(typeof null);
</script>
3、强制类型转换
- 转换为String类型
1、调用被转换数据类型的toString()方法,该方法不会影响到原变量,它会将转换的结果返回,但是注意:null和undefined这两个值没有toString()方法,如果调用它们的方法,会报错。
数据 = 数据.toString()
<script>
var i = 10;
i = i.toString();
</script>
2、调用String()函数,并将被转换的数据作为参数传递给函数,使用String()函数做强制类型转换时,对于Number和Boolean实际上就是调用的toString()方法,但是对于null和undefined,就不会调用toString()方法,它会将 null 直接转换为 “null”,将 undefined 直接转换为 “undefined”。
数据 = String(数据)
<script>
var a = 222;
a = String(a);
</script>
3、为任意的数据类型 +" "
<script>
var s = 111;
s = s +" "
</script>
结果:
- 转换为Number类型
1、使用Number()函数
注意点:
如果是纯数字的字符串,则直接将其转换为数字
如果字符串中有非数字的内容,则转换为NaN
如果字符串是一个空串或者是一个全是空格的字符串,则转换为0
true 转成 1
false、null和undefined转成 0
<script>
var ner = 'luo'
ner = Number(ner)
</script>
2、使用parseInt()
这种方式专门对付字符串
<script>
var a = "123";
a = parseInt(a);
</script>
3、parseFloat() 把一个字符串转换为一个浮点数
var a = "123.456";
a = parseFloat(a);
- 转换为Boolean类型
1、用Boolean()函数
注意点:
除了0和NaN,其余的都是true
除了空串,其余的都是true
null和undefined都会转换为false
对象也会转换为true
4、算术关系赋值逻辑运算符
和java区别不大
5、条件语句和循环语句
和java区别不大
- 1、if、if···else条件
if(布尔条件/其他代码){
···逻辑代码
}
if(布尔条件/其他代码){
···逻辑代码
}else{
···逻辑代码
}
2、switch···case条件
switch (语句) {
case 表达式1:
···逻辑代码
case 表达式2:
···逻辑代码
default:
···逻辑代码
}
3、for循环
for(初始化表达式 ; 条件表达式 ; 更新表达式){
···逻辑代码
}
5、while循环
while(条件表达式){
···逻辑代码
}
6、do…while循环
do{
···逻辑代码
}while(条件表达式);
7、for···for循环
for(初始化表达式 ; 条件表达式 ; 更新表达式){
for(初始化表达式 ; 条件表达式 ; 更新表达式){
···逻辑代码
}
}
8、等等···
break:结束最近的一次循环,可以在循环和switch语句中使用。
continue:结束本次循环,执行下一次循环,只能在循环中使用。