文章目录
-
-
- 二、基本语法
-
- 1、JS的简单输出
- 2、JS的编写位置
- 3、JS基本语法
- 4、JS字面量和变量
- 5、JS标识符:在JS中所有可以由我们自己命名的都可以称为标识符,如:变量名、函数名、属性名。
- 6、数据类型:即字面量的类型,JS中一共有6种数据类型。除了Object是引用数据类型,其他均为基本数据类型。
- 7、强制类型转换:主要指将其他数据类型转换为String、Number、Boolean
- 8、算数运算符:也叫操作符,通过运算符可以对一个或多个值进行运算,并获得运算结果。
- 9、一元运算符:只需一个操作数
- 10、自增和自减
- 11、逻辑运算符
- 12、非布尔值的与或运算
- 13、赋值运算符:可以将符号右边的值赋给符号左边的变量
- 14、关系运算符:可以比较两个值之间的大小关系
- 15、Unicode编码表
- 16、相等运算符:判断两个值是否相等
- 17、条件运算符,也叫三元运算符
- 18、运算符的优先级
- 19、代码块
- 20、条件判断语句
- 21、条件分支语句
- 22、循环语句
-
二、基本语法
1、JS的简单输出
(1)控制浏览器弹出一个警告框
alert("弹出一个警告框");
(2)在页面中输出一个内容
document.write("在页面输出");
(3)向控制台输出一个内容
console.log("在控制台输出");
2、JS的编写位置
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<!-- src:引用的文件的路径
script标签一旦用于外部文件,就不能再编写代码了,即使编写了浏览器也会忽略
如果需要则可以再创建一个新的script标签用于编写内部代码
-->
<script type="text/javascript" src="js/script.js"></script>
<script>
alert("我是内部的JS代码");
</script>
</head>
<body>
<!--可以将js代码编写到标签的onclick属性中,当我们点击按钮时,js代码才会执行-->
<!--虽然可以写在标签的属性中,但是他们属于结构与行为耦合,不方便维护,不推荐使用-->
<button onclick="alert('你点我干嘛!');">点我一下</button>
<!--可以将js代码写在超链接的href属性中,这样点击超链接时,会执行js代码-->
<a href="javascript:alert('让你点你就点');">你也点我一下</a>
<a href="javascript:;">你也点我一下</a>
</body>
</html>
3、JS基本语法
(1)注释:
注释
//单行注释
注释
/* 多行注释
多行注释
多行注释*/
注释
(2)JS中严格区分大小写
(3)JS中每一条语句都一分号(;)结尾。如果不写分号,浏览器会自动添加,但会消耗一些系统资源;且有时候,浏览器会加错分号,所以开发中分号必须写
(4)JS中会忽略多个空格和换行,所以可以利用空格和换行对代码进行格式化
4、JS字面量和变量
(1)字面量:一些不可改变的值,可以但一般不直接使用,在开发中都是通过变量去保存一个字面量
(2)变量:可以用来保存字面量,且变量的值是可以任意改变的。
//声明变量:在JS中使用关键字var来声明一个变量
var a;
//为变量赋值
a=123;
console.log(a);
//声明、赋值同时进行
var b=789;
5、JS标识符:在JS中所有可以由我们自己命名的都可以称为标识符,如:变量名、函数名、属性名。
命令一个标识符一般需要遵守如下规则:
(1)标识符中可以含有字母、数字、_、$
(2)标识符不能以数字开头
(3)标识符不能是ES中的关键子或保留字
(4)标识符一般采用驼峰命名法;即首字母小写,每个单词的开头单词大写,其余字母小写,如:helloWorld。
6、数据类型:即字面量的类型,JS中一共有6种数据类型。除了Object是引用数据类型,其他均为基本数据类型。
(1)String字符串:在JS中字符串需用引号引起来(双引号、单引号都可以)
var str="hello";
console.log(str);
当表示一些特殊符号时可以使用转义字符\进行转义。"表示”,\n表示换行,\t表示制表符,相当于按了一个tab键。
(2)Number数值:在JS中所有数值都是Number类型,包括整数和浮点数
//可使用一个运算符typeof来检查一个变量的类型
var a=123;//数值
var b="123";//字符串
console.log(typeof a);//返回number
console.log(typeof b);//返回string
/*JS中可以表示数字的最大值Number.MAX_VALUE,
最小值Number.MIN_VALUE(此处的最小值是指大于0的最小值)*/
console.log(typeof Number.MAX_VALUE);//返回Number
/*如果使用Number表示的数字超过了最大值,则会返回一个Infinity,表示正无穷,
-Infinity表示负无穷
使用typeof检查Infinity也会返回number
NAN为一个特殊的数字,表示Not a number,使用typeof检查一个NAN也会返回number
*/
//使用JS进行浮点运算,可能得到一个不精确的结果,所以千万不要使用JS进行对精确度要求比较高的运算
(3)布尔值:只有两个,true和false
(4)Null和Undefined:Null类型的值只有一个,就是null,专门用来表示空对象。使用typeof检查null值时,会返回object;Undfined类型的值只有一个,就是undefined,当声明一个变量,但并不给变量赋值时,它的值就是undefined,使用typeof检查undefined时,会返回undefined
(5)Object对象,属于引用数据类型
7、强制类型转换:主要指将其他数据类型转换为String、Number、Boolean
(1)将其他数据类型转换为String类型
<script>
/* 方式一
调用被转换类型的toString()方法,该方法不会影响到原变量,它会将转换的结果返回;
但是要注意:null和undefined没有toString()方法,如果调用会报错*/
var a=123;
var b=a.toString();//a=a.toString();
//方式二
//调用String()函数,并将被转换的数据作为参数传递给函数
a=String(a);
/*使用String()函数做强制类型转换时,对于Number和Boolean实际上就是调用的toString()方法;
但对于null和undefined,就不会调用toString()方法,它会将null直接转换为"null"(字符串),将undefined直接转换为"undefined"
*/
var a=null;
a = a.toString;
console.log(typeof a);
console.log(a);
</script>
(2)将其他数据类型转换为Number类型
<script>
/*方式一:
调用Number()函数来将a转换为Number类型
*/
//如果是纯数字的字符串,则直接将其转换为数字
var a="123";
a=Number(a);
//如果字符串中有非数字内容,则转换为NaN
var b="123abc"
b=Number(b);
//如果字符串是一个空串或是一个全为空格的字符串,则转换为0
var c=" "
c=Number(c);
//布尔类型转换为Number,true转为1,false转为0
var d=true;
d=Number(d);
//Null类型转换为Number,为数字0
var e=null;
e