JavaScript中的面向对象

Posted 2021-01-02

1、js中的数据类型
原始类型：字符串 string、 数字 number、 布尔 boolean、 null undefined 。其中null表示没有对象，undefined 表示没有定义
数组 array 对象 object
2、创建对象：
1、通过new关键字创建对象
var obj=new Object();
obj.name="";
obj.age=18;
obj.todo=function(){}
2、通过对象字面量
2.1 简单的字面量
var obj2={};
obj2.name="";
obj2.todo=function(){return this.name;}
2.2 嵌套字面量（推荐）
var obj3={name:"",age:18,todo:function(){},run:function(){}}
key中如果有空格或者有“-”或者有保留字关键字需要添加引号。
3、构造函数 构造函数的首字母必须要大写
3.1 构造函数模式
function Person(name,age){
this.name=name;
this.age=age;
this.todo=function(){
return this.age;
}
}

    var person=new Person("",18);
    person.name;
    person[name];
    3.2 工厂模式
    function person(name,age){
        var obj=new Object();
        obj.name=name;
        obj.age=age;
        return obj;
    }

    var p=person("冯宝宝",18);
    p.name
    3.3 普通函数
    function person(name){
        //this==>指代函数的调用者
        return name;
    }
    person("冯宝宝");

4.构造函数与普通函数的区别
    4.1 this 指向
        构造函数的this指向创建的对象实例上
        普遍函数指向函数的调用者
    4.2 调用的方式
        构造函数需要通过new调用
    4.3 命名规则
        构造函数第一个字母需要大写

函数声明和函数表达式
function add(){}
var add1=function(){}