JavaScript 入门

1. 基本用法

主要的用法有两种

  1. 在script中编写函数，后面进行调用，放在head中
  2. 在script中直接进行js代码，放在body中

2. 输出

1
2
3
windows.alert() // 在页面上进行警告
document.write() // 写入到html页面中
innerHTML="" // 将其写入到特定的HTML元素中去
1
2
3
<p id="date">dede</p>
<script>
    document.getElementById("date").innerHTML="w2w"

3. 变量

在js中使用var进行变量的声明，比如var name = "111"，再次对变量进行声明并不会改变变量的值。

对数组的声明可以使用如下的三种方式进行声明

1
2
3
var array = new Array()
var array1 = ["11", "22"]
var array2 = new Array("111","222")

结构体

1
2
3
4
var stu = {
    name : "cjj",
    id : 111
};

但是这种创建结构体的方式很低效
我们有几种方式去高效地创建结构体

  1. 使用构造函数
1
2
3
4
5
6
function create_stu(name, id) {
    this.name = name;
    this.id = id;
}
var stu1 = new create_stu("cjj", 22);
var stu2 = new create_stu("cpp", 33);
  1. 使用工厂模式创建对象
1
2
3
4
5
6
7
function stu(name, id) {
    var o = new Object();
    o.name = name;
    o.id = id;
    return o;
}
var stu3 = stu("python", 1);

结构体的函数

1
2
3
4
5
6
7
8
9
function stu(name, id) {
    var o = new Object();
    o.name = name;
    o.id = id;
    o.getname() = function(){
        return name;
    }
     return o;
}

4. 函数

无参函数

1
2
3
function [function_name]() {

}

有参函数

1
2
3
function [function_name](var1, var2) {
    
}

5 条件循环语句

1
2
3
4
5
6
7
8
9
10
var time = 2;
switch (time) {
    case 1:
        console.log("hello")
        break;
    case 2:
        console.log("world")
    default:
        break;
}
1
2
3
for (var i = 1; i <= 5; i++) {
    document.write(i)
}
1
2
3
4
5
6
var language = ["AA", "BB", "CC", "DD"];
var ans = "";
for (x in language) {
    ans += language[x];
}
document.write(ans);

6. 类

类的声明中使用一个构造函数和一些函数成员

1
2
3
4
5
6
7
class course {
    constructor(name, id) {
        this.name = name
        this.cid = id;
    }
}
let math = new course("math", 1);

使用set和get方法可以进行成员的设置和改变

1
2
3
4
5
6
7
8
9
10
11
12
class best_course extends course {
    constructor(name, id, score) {
        super(name, id);
        this.score = score;
    }
    get get_name() {
        return this.name;
    }
    set set_name(name) {
        this.name = name
    }
}

静态方法
静态方法可以使用static修饰词取修饰函数成员得到静态方法