JavaScript基础

JavaScript是什么

  • JavaScript是运行在浏览器端的脚本语言，它的作用就是负责网页和用户的交互效果。

JavaScript首先看到这个名字就知道跟Java肯定脱不开关系，这两种语言很像。JavaScript直译过来就是java脚本的意思，而语法上，JavaScript在定义变量时只用var。下面就看看这两种语言的具体差别吧！

JavaScript的引入方式

具体有：行内式,内嵌式,外链式三种方式。

1
2
3
4
5
6
<!--js引入方式，行内式（主要用于事件）-->
<input type="button" name="" onclick="alert('ok!')">
<!--js引入方式:内嵌式-->
<script type="text/javascript">alert("ok !")</script>
<!--js引入方式:外链式-->
<script type="text/javascript" src="js/main.js"></script>

变量和数据类型

JavaScript 是一种弱类型语言,也就是说定义变量的时候不需要指定变量的类型，通常变量的类型由他的值来决定。定义变量的关键字为var，记得在每一句代码结束都要写;(分号)

JavaScript中有六种数据类型，包括五种基本数据类型和一种复杂数据类型(object)。

五种基本数据类型：
1、number
2、string
3、boolean
4、undefined 

1
2
// 未定义 undefined
var unData;

5、null 

1
2
// null 表示空对象
var nullData = null;

一种复杂数据类型(object)

object类型，比如：

1
2
3
4
var oObj = {
   name:"隔壁老王",
   age:88
}

函数定义和调用

使用关键字function来定义函数

1
2
3
4
5
6
7
8
// 函数定义
    function fnadd(num1,num2) {
        var irs = num1 + num2;
        return irs;
        alert("here!");
    }
    var count = fnadd(3,4);
    alert(count);

变量作用域(局部变量和全局变量)

  • 局部变量就是在函数内使用的变量，只能在函数内部使用

  • 全局变量就是在函数外定义的变量，可以在不同函数内使用

1
2
3
4
5
6
7
8
9
10
11
12
13
function myalert() {
        // 定义局部变量
        var b = 23;
        alert(b)
    }
    myalert();  // 调用函数
    alert(b);  // 调用函数会出错
    var a = 22;  // 定义全局变量
    function myalert1() {
        a++;
    }
    myalert();
    alert(a);

条件语句

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
// 条件语句
    var inum1 = 12;
    var inum2 = '12';
    if (inum1 == 12){
        alert("相等！")
    }
    else {
        alert("不相等！")
    }
    if (inum2 == 12){
        alert("相等！")
    }else {
        alert("不相等！")
    }
    // 多条件判断，这里就不列举了跟java 一样（if，else if（）{}

数组及操作方法

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
// 数组定义
  var array_list = new Array(1, 2, 3);
  var arry_list1 = [1, 2, 3, 'and'];


  // 数组的操作（1，获取数组长度。2，根据下标取值。3，从数组最后添加和删除元素
  alert(array_list.length);  // 弹出3
  alert(array_list1[3]); // 弹出and
  array_list.push(5);  // 向数组中添加元素
  alert(array_list);
  array_list1.pop();  // 弹出数组末尾元素
  alert(arry_list1);


  // 根据下标添加和删除元素arr.splice(start起始位置,num删除个数,element1插入元素,.....,elementN)
  var list = ["Apple","Banana","Orange"];
  list.splice(0, 0, "peach");
  alert(list);

循环语句

for ,while循环。

1
2
3
4
5
6
// 循环语句(跟java基本一样
    var arra = [1, 4, 5];
    for (var index = 0; index < arra.length; index++){
        var result = arra[index];
        alert(result)
    }

字符串拼接

1
2
3
4
5
// 字符串的拼接
    var num_1 = 10;
    var num_2 = 'abc';
    result = num_1 + num_2;  // 将字符串进行拼接
    alert(num_2 + num_1);  // 弹出指定元素