JavaScript-01基础
原创
©著作权归作者所有：来自51CTO博客作者靠谱的大钊的原创作品，请联系作者获取转载授权，否则将追究法律责任
JavaScript 语言入门
文章目录
JavaScript 介绍
Javascript 语言诞生主要是完成页面的数据验证。 因此它运行在客户端， 需要运行浏览器来解析执行 JavaScript 代码。
JS 是 Netscape 网景公司的产品， 最早取名为 LiveScript;为了吸引更多 java 程序员。 更名为 JavaScript。
JS 是弱类型， Java 是强类型。
特点:
- 交互性（它可以做的就是信息的动态交互）
- 安全性 （不允许直接访问本地硬盘）
- 跨平台性 （只要是可以解释 JS 的浏览器都可以执行，和平台无关）
JavaScript 和 html 代码的结合方式
现在需要使用script 引用外部的JS文件
Src 属性专门来引用js文件路径(相对绝对 都可)
script 标签可以用来定义js代码 也可以用来引用js文件
但是 两个功能二选一使用 不饿能同使用两个功能
第一种方式
只需要在 head 标签中，或者在 body 标签中， 使用 script 标签 来书写 JavaScript 代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script type="text/javascript">
alert("Hello javaScript")
</script>
</head>
<body>
</body>
</html>
第二种方式
使用 script 标签引入 单独的 JavaScript 代码文件
1.js
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<!--
现在需要使用script 引用外部的JS文件
Src 属性专门来引用js文件路径(相对绝对 都可)
script 标签可以用来定义js代码 也可以用来引用js文件
但是 两个功能二选一使用 不饿能同使用两个功能
-->
<script type="text/javascript" src="1.js"></script>
<script type="text/javascript">
alert("大钊 牛逼")
</script>
</head>
<body>
</body>
</html>
变量
JavaScript 的变量类型：
- 数值类型： number
- 字符串类型： string
- 对象类型： object
- 布尔类型： boolean
- 函数类型： function
JavaScript 里特殊的值：
- undefined 未定义，所有 js 变量未赋于初始值的时候，默认值都是 undefined.
- null 空值
- NaN 全称是：Not a Number。非数字。非数值。
JS 中的定义变量格式：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script type="text/javascript">
var i;
// alert(i);
i = 12;
//typeof() 是JavaScript语言提供的一个函数
alert(typeof (i)); number
i = "abc";
// alert(typeof (i));// String
var a = 12;
var b = "ad";
alert(a * b);// NaN是非数字，非数值。
//NaN是非数字 非数值
</script>
</head>
<body>
</body>
关系（比较）运算
- 等于： == 等于是简单的做字面值的比较
- 全等于： === 除了做字面值的比较之外，还会比较两个变量的数据类型
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script type="text/javascript">
var a = "12";
var b = 12;
alert(a==b);
alert(a===b);
</script>
</head>
<body>
</body>
</html>
逻辑运算
在 JavaScript 语言中，所有的变量，都可以做为一个 boolean 类型的变量去使用。
0 、null、 undefined、””(空串) 都认为是 false；
&& 且运算。
有两种情况：
- 第一种：当表达式全为真的时候。返回最后一个表达式的值。
- 第二种：当表达式中，有一个为假的时候。返回第一个为假的表达式的值
|| 或运算
- 第一种情况：当表达式全为假时，返回最后一个表达式的值
- 第二种情况：只要有一个表达式为真。就会把回第一个为真的表达式的值
并且 && 与运算 和 ||或运算 有短路。
短路就是说，当这个&&或||运算有结果了之后 。后面的表达式不再执行
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script type="text/javascript">
//javaScript语言中,所有的变量,都可以作一个boolean 类型的变量使用
//0 null undefined ""(空串) 都默认为false
// alert("Hello javaScript")
/* var a = 0;
if (a) {
alert("零为真");
} else {
alert("零为假")
}*/
/* var a = null;
if (a) {
alert("null为真");
} else {
alert("null为假");
}*/
// var a = undefined;
// if (a) {
// alert("undefined为真");
// } else {
// alert("undefined为假")
// }
// var d = "";
// if (d) {
// alert("空串为真");
// } else {
// alert("空串为假");
// }
/*
&& 且运算
两种情况
1 当表达式全为真的时候,返回最后一个表达式的值
2 在表达式中,有一个为假的时候,返回第一个为假的值
*/
var a = "abc";
var b = true;
var d = false;
var c = null;
// alert(a && b);//true
// alert(b && a);//abc
// alert(a && d);//false
// alert(a && c);//null
/*
|| 或运算
1 当表达式全为假时, 返回第一个表达的值
2 只要有有一个表达式为真,就会把第一个为真的值返回
*/
alert(d || c);// null
alert(c || d); //false
alert(a || c); //abc
alert(b || c); //true
</script>
</head>
<body>
</body>
</html>
数组（重点）
JS 中 数组的定义：
格式：
- var 数组名 = []; // 空数组
- var 数组名 = [1 , ’abc’ , true]; // 定义数组同时赋值元素
javaScript 语言中的数组 只要我们通过下标赋值,那么最大的下标值,就会自动的给数组做扩容操作。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script type="text/javascript">
var arr=[true,12,12];
alert(arr.length);
arr[0] = 12;
// alert( arr[0] );//12
//javaScript 语言中的数组 只要我们通过下标赋值,那么最大的下标值,就会自动的给数组做扩容操作。
arr[8]="Ad"
// alert(arr.length);
// alert(arr[1]);// undefined
// 数组的遍历
for (var i = 0; i < arr.length; i++){
alert(arr[i]);
}
</script>
</head>
<body>
</body>
</html>
