1. JS介绍
JS诞生主要是完成页面的数据验证。因此它运行在客户端，需要浏览器来执行JS代码
JS最早取名LiveScript；为了吸引更多的Java程序员，更名JavaScript
JS是弱类型，Java是强类型
特点：
- 交互性（它可以做的就是信息的动态交互）
- 安全性（不允许直接访问本地硬盘）
- 跨平台（只要是可以解释JS的浏览器就可以执行，和平台无关）
2. JS和HTML的结合和方式
-
第一种方式
只需要在head标签中，使用script标签来书写JS代码
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script type="text/javascript"> //alert是JS提供的一个警告框函数， //它可以接收任意类型的参数，这个参数就是警告框提示的信息 alert("Hello JavaScript！"); </script> </head> <body> </body> </html> -
第二种方式
使用script标签引入单独的JS代码文件
<!--导入外部的JS文件--> <script type="text/javascript" src="1-hello.js"></script> <!--src属性专门用来引入JS文件路径（可以是相等路径，也可以是绝对路径）-->
两种方式二选一，不能同时使用两个方式
可以写入两个Script标签来使用两种方法，执行时顺序执行
3. 变量
JS的变量类型：
- 数值类型：number
- 字符串类型：string
- 对象类型：object
- 布尔类型：boolean
- 函数类型：function
JS里特殊的值：
- undefined：未定义，所有JS变量为赋于初始值时，默认值都是undefined
- null：控制
- NAN：全称是Not a Number。非数字、非数值
JS中的定义变量格式：
var 变量名;var 变量名 = 值;
<script type="text/javascript">
var i;//undefined
//alert(i);
i = 12;
// alert(i);//12
// alert(typeof (i));//number
i = "abc";
// alert(typeof (i));//string
var a = 12;
var b = "abc";
alert(a * b);//NaN
</script>
4. 关系（比较）运算
- > < >= <=
- ==：等于。是简单的做字面值的比较
- ===：全等于 。除了做字面值的比较还会比较两个变量值的类型
<script type="text/javascript">
var a = "12";
var b = 12;
// alert(a == b);//true
alert(a===b);//false
</script>
5. 逻辑运算
- 且运算： &&
- 或运算： ||
- 取反运算： !
在JS中所有的变量都可以作为一个boolean类型的变量去使用
0、null、undefined、””（空串）都认为是false
<script type="text/javascript">
var a = 0;
if (a) {
alert("零为真");
} else {
alert("零为假");//√
}
</script>
6. 数组
JS中数组的定义格式：
var 数组名 = [];
var 数组名 = [1,'abc',true];
<script type="text/javascript">
var arr = [];//定义一个空数组
// alert(arr.length);//0
arr[0]=1;
alert(arr.length);//1
</script>
JS语言中的数组，只要我们通过数组下标赋值，最大的下标值就会自动地给数组进行扩容
7. 函数
函数的两种定义方式
-
可以使用function关键字来定义函数
使用的格式如下
function 函数名(形参列表){
函数体}<script type="text/javascript"> //无参函数 function f() { alert("我是无参函数"); } //函数调用 f(); //有参函数 function f1(a, b) { alert("我是有参函数，参数是" + a + b);//1aaa } f1(1, "aaa"); //带有返回值的函数 function f2(num1, num2) { var result = num1 + num2; return result; } alert(f2(10,20));//30 </script> -
第二种格式如下
var 函数名 = function(形参列表){
函数体}
<script type="text/javascript">
var f3 =function () {
alert("我是第二种无参函数定义方式")；
}
f3();
</script>
JS不允许函数重载
函数的arguments隐形参数（只在function函数内）
就是在function函数中不需要定义，但却可以直接用来获取所有参数的变量。我们管他叫隐形参数。
隐形参数特别像Java中的可变长参数一样
public void fun( Object .. args);
可变长参数其实是一个数组
<script type="text/javascript">
var f4=function () {
alert("隐形参数在哪里");
alert(arguments.length);//查看参数个数 2
alert(arguments[0]);//1
}
f4(1,"隐形参数");
</script>
原创文章，作者：，如若转载，请注明出处：https://blog.ytso.com/276932.html