JavaScript基础巩固----2 面向对象

来源：互联网发布：中国各省历年gdp数据编辑：程序博客网时间：2024/04/29 21:34

“类”
一谈到OOP基本上都逃不了类，但是javascript并没有类的概念，只是用Object引用类型来表达面向对象的思想，请看实例：

?
1
2
3
4
5
6
7
var person = {
    name : "lilei",
    age : 21,
    sayHello : function () {
        alert("Hello, " + name);
    } 
};

在JavaScript中这样的代码当然立马显得高大上起来，但很多时候我们并没有这么做，看到很多js代码写的都很凌乱，缺乏可读性，不知道是不是与用jQuery有关。如果想增强js代码可读性的话，推荐使用mootools框架。

2. 创建对象

JS中无法创建类，所以开发人员使用函数来封装以特定接口创建对象的细节

构造器模式

?
1
2
3
4
5
6
7
8
function Person(name, age){
    this.name = name;
    this.age = age;
    this.sayHello = function(){
        alert("Hello, " + obj.name);
    }
}
var person1 = new Person("LiNing", 22);

工厂模式

?
1
2
3
4
5
6
7
8
function createPerson(name, age){
    var obj = new Object();
    obj.name = name;
    obj.age = age;
    obj.sayHello = function(){
        alert("Hello, " + obj.name);
    }
}

3.总结

归根究底是想把js代码写的清晰明了，可读性高。只是希望自己在写代码的时候体现出OOP的思想即可。Make the change！

0 0