文章目录
-
-
- 二、基本语法
-
- 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=
最低0.47元/天 解锁文章
236
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
