JS笔记（三）：数组、函数、类

（一） 数组

//创建数组
var the_array = [1,2,3,4,'5']

console.log(the_array[0]) //读取索引为0的数据
the_array[5] = '赋值' //写数据

//在数组末尾添加一个元素,，允许添加多个数据，例如：the_array.push('1','2')
the_array.push('末尾添加一个数据')
console.log(the_array)
//pop删除数组末尾的数据并返回，和PYTHON列表的POP类似（不同的是JS只能删除末尾的数据）
//另外还有shift()和unshift(),shift()删除，unshift()添加1个或多个元素。不同的是，这2个方法操作的数据数组头部的元素
console.log(the_array.pop())
//Array.join()连接所有元素并返回一个字符串，都差不多
console.log(the_array.join())
A = the_array.join()
//String.split()则将字符串拆分为数组
console.log(A.split(','))
//另外还有，Array.sort()排序，Array.slice()切片 （例如A.slice(0,3)）

 

（二） 函数调用和方法调用

//定义一个函数
function f(x,y) {
    return x*y
}
//调用函数
var x = f(1,2)
console.log(x)
//创建对象
var the_obj = {}
//给对象the_obj定义一个名为m()的方法
the_obj.m = f
//看输出可以发现，对象the_obj的属性m的值是一个函数，这个时候称m()是对象the_obj的一个方法
console.log(the_obj)
//调用对象the_obj的方法m()
console.log(the_obj.m(1,2))

 

（三） 类

//通过工厂函数定义一个类
function people(pename,gender,age,hobby) {
    //通过括号里的(people.methods)和下面13行的people.methods对象定义类公有的方法（行为）
    //这里创建对象的时候，也可以用自己自定义的函数
    var r = new Object(people.methods)
    r.pename = pename
    r.gender = gender
    r.age = age
    r.hobby = hobby
    return r
}
//定义该类事物共同的行为（类的方法）
people.methods = {getName:function () {return this.pename},
    getMultiple:function (x) {return x*x}
}
var zs = people('张三','男','1000','修道')
console.log(zs)
console.log(zs.getName())
console.log(zs.getMultiple(2))

//通过构造函数定义类
//这里遵循一个常见的编程约定，定义构造函数即是定义类，并且类名首字母大写
//而普通的函数和方法都是首字母小写
function People(pename,gender,age,hobby) {
    this.pename = pename
    this.gender = gender
    this.age = age
    this.hobby = hobby
    
}
//属性名必须是prototype
//被所有People对象继承
People.prototype = {getName:function () {return this.pename},
    getMultiple:function (x) {return x*x}
}

var zs = new People('张三','男','1000','修道')
console.log(zs)
console.log(zs.getName())
console.log(zs.getMultiple(2))

（三） 类的继承

//通过构造函数定义类
function People(pename,gender,age,hobby) {
    this.pename = pename
    this.gender = gender
    this.age = age
    this.hobby = hobby

}
//属性名必须是prototype
//被所有People对象继承
People.prototype = {getName:function () {return this.pename},
    getMultiple:function (x) {return x*x}
}


//仅定义子类
function Boy() {
    //仅链接到父类
    //调用父类的构造函数来初始化对象
   People.apply(this,arguments)

}
//将Boy设置为People的子类
Boy.prototype = new People()
Boy.prototype.constructor = Boy

//重写父类的getName()方法
Boy.prototype.getName = function () {return this.age}

var the_boy = new Boy('张三','男','1000','足球')

console.log(the_boy)
console.log(the_boy.getMultiple(2))
console.log(the_boy.getName())