前端全栈学习第十二天-js第五天-基础

- 日理万妓 2021-09-18 07:50 282阅读 0赞

1：面向对象的思想

2:：创建对象的三种方式及工厂模式

3：json格式的数据及遍历

4：数据类型深入

5：内置对象

1：面向对象的思想
    1)根据需求找对象，所有的事由对象做，注重结果
    2)面向对象的三大特性：继承，封装，多态
    3)Js不是面向对象语言，但是可以模拟面向对象的思想
    4)Js是一门基于对象的语言
    5)有特征和行为的具体某个事物称为对象
    6)对象的特征--属性      行为----方法
    2：创建对象的三种方式及工厂模式
    1）通过new的方式(系统对象)
    var obj = new Object();
    var arr = new Array();
    var str =new String();
    2)字面量的方式创建对象
    //    字面量的方式创建对象
    var obj = {};
    obj.name = "小明"
    obj.age = 12;
    obj.say = function () {
        console.log(this.name + "今年" + this.age)
    }
    obj.say();
    //    字面量的方式创建对象 --优化
    var obj = {
        name: "小红",
        eat: "pp",
        play: function () {
            console.log(this.name + "玩" + this.eat)
        }
    }
    obj.play();
    
    //自定义构造函数创建对象
    function Person(name, age, sex) {
        this.name = name;
        this.sex = sex;
        this.age = age;
        this.say = function () {
            console.log(this.name + "吃饭")
        }
        this.sleep = function () {
            console.log(this.name + "睡觉打豆豆")
        }
    }
    //   实例化对象，发生了四件事
    //    1：开辟内存空间，把创建的新的对象存储起来
    //    2：把this设为当前对象
    //    3：设置属性和方法值
    //    4：返回当前对象
    var dog = new Person("大黄", 2, "女")
    console.log(dog.name);
    dog.say();
    var cat = new Person("小喵喵")
    console.log(cat.name);
    cat.sleep();
    
    //    工厂模式创建对象,所谓工厂模式，就是将代码封装好，但是没有给值，谁用就拿变量来接收对象，根据自己的需要赋值
    function person(name, age, sex) {
        var obj = new Object() //创建对象
        obj.name = name;
        obj.sex = sex;
        obj.age = age;
        obj.say = function () {
            console.log(this.name + "吃饭")
        }
        obj.sleep = function () {
            console.log(this.name + "睡觉打豆豆")
        }
        return obj;
    }
    var dog = new person("大黄", 2, "女")
    console.log(dog.name);
    dog.say();
    var cat = new person("小喵喵")
    console.log(cat.name);
    cat.sleep();
    //    console.log(Person instanceof Object )
    
    
      true
    
    访问属性和方法的另一种方法 属性 .换成[“”] 方法.换成. [“”]()
    3:json格式的数据及遍历
    //    对象分三种
    //    1：内置对象 --系统提供
    //    2：自定义对象 --自己写的
    //    3：浏览器对象 --浏览器提供
    //    json也是一个对象，是有key，有value的键值对
    //    因为有索引，所有数组是一组有序的数据，
    //    而对象是无序的，那怎么遍历对象的数据呢？
        var json = {
            name : "冰冰",
            age : 12
        }
        var key = ["name","age"]
        for(var key in json){
            console.log(json[key]);
        }
    
    4：数据类型深入
    //数据类型
    //    基本类型
    number, string, boolean, undefined, null, symbol
    //    除了ubdefined和null，所有的基本类型都有其对应的包装对象
    //    数值基本类型
    //    字符串基本类型
    //    布尔值基本类型
    //    字面量基本类型
    //    简单类型和复杂类型
    //简单类型(值类型)：number，string，boolean 值 在栈中存储
    //    复杂类型(引用类型)：object,  值 地址在栈和对象堆存储
    //    空类型 undefined ，null
    
    5：内置对象
    Math，Date，Array，String，Object