JavaScript对象

最新推荐文章于 2024-09-26 19:38:44 发布

Jvu

最新推荐文章于 2024-09-26 19:38:44 发布

阅读量58

点赞数

分类专栏： JS的基础语法文章标签： javascript 面向对象编程

本文链接：https://blog.csdn.net/weixin_45973049/article/details/119758724

版权

JS的基础语法专栏收录该内容

9 篇文章 0 订阅

订阅专栏

这篇博客深入探讨了JavaScript中的面向对象特性，包括封装、继承和多态的概念，并详细介绍了不同对象创建方法，如字面量创建、构造函数、原型对象、组合创建以及ES6的类创建。通过实例展示了每种方式的使用，分析了它们的优缺点和适用场景，为理解和掌握JavaScript对象创建提供了全面的指导。

摘要由CSDN通过智能技术生成

面向对象的特点：

封装：把数据(属性)和对数据的操作(方法)集中在一起
继承：一个类型的实例对象能够访问另一个类型的属性和方法
多态：一个方法作用于不同的对象，有不同的结果

创建对象：

字面量创建

var student = {
    name : "zhangsan",
    age : 20,
    sayHello : function() {
        console.log(this.name);
    },
};

创建对象(封装函数)：

function createObject(name,age) {
    var obj = new Object();
    obj.name = name;
    obj.age = age;
    obj.sayHello = function() {
        console.log(this.name);
    }
}

缺点：无法区分数据类型

创建对象(工厂函数)：

创建一个构造函数
改变this指向，指向这个对象
执行构造函数里面的代码
返回这个新对象

// 构造函数：一个普通的函数加new运算符之后，该函数称之为构造函数
//构造函数在JS里可以看成一个类
//类？多个对象共有的属性和方法的一个抽象集合
function Person(){
    //添加属性
    this.name = name;
    this.age = age;
    //添加方法
    this.sayHello = function() {
        console.log(this.name);//指向的是生成的实例
    };
}
var person1 = new Person("john",20);// 是为了生成一个具体的实例对象
//instanceof 判断某一个实例是否属于某个类型
console.log(person1 instanceof Person);

构造函数加上new之后this指向实例

创建对象(原型对象)：
原型对象：一个函数内部，这个属性的名字是prototype(每一个函数内部都有prototype属性)，这个属性的属性值是一个对象，原型对象的属性和方法能被实例所访问

function Person() {
    Person.prototypr.name = "john";
    Person.prototype.age = 20;
    Person.prototype.sayHello = function(){
        console.log(this.name);
    };
}
var person1 = new Person();
var person2 = new Person();
// 缺点：没办法传递参数

创建对象(组合创建)：
属性放到构造函数里面，方法放到原型对象上

function Person(name,age){
    this.name = name;
    this.age = age;
}
Preson.prototype.sayHello = function() {
    console.log(this.name);
};
var person1 = new Person("join",20);

创建对象(ES6创建)：
class定义类的关键字

class person{
//constructork是原型对象里的一个默认方法
    constructor(){//构造函数
        this.name = name;
        this.age  = age;
    }
    sayHello(){//原型方法
        console.log(this.name);
    }
}
var person1 = new Person("jay",20);
var person2 = new Person("jay",2);
person1.sayHello();
person2.sayHello();
console.log(person1.sayHello == person2.sayHello);