Javascript(4)

作者: 雪国_youth | 来源:发表于2021-01-23 23:36 被阅读0次

    一、内部对象

    1、标准对象:

    number,string,boolen,object,function,undefined

    null不算对象

    2、Date日期
    var now = new Date();//创建一个Date对象
    
    now.getFullYear;//年
    now.getMonth();//月,注意是由0~11来表示月份
    now.getDate();//日
    now.getDay();//星期
    now.getTime();//时间   全世界统一规定从1970年1月1日00:00:00到现在此刻的毫秒数
    console.log(new Date(1435465869))//时间戳来获取时间   VM121:1 Fri Jan 22 2021 22:16 GMT+0800(中国标准时间)
    
    now.toLocalString();//根据本地时间格式,把 Date 对象转换为字符串。
    now.toGMTString();//标准时间
    
    2、JSON对象
    • 是一种用于数据交换的文本格式

    • 在JavaScript中一切皆为对象,任何js支持的类型都可以用JSON来表示。

    • JSON 对象使用在大括号{}中书写。

    • 对象可以包含多个 key/value(键/值)对。

    • key 必须是字符串,value 可以是合法的 JSON 数据类型(字符串, 数字, 对象, 数组, 布尔值或 null)。

    • key 和 value 中使用冒号分割。

    • 每个 key/value 对使用逗号分割。

    二、面向对象

    类:模板;对象:具体的实例,

    一个类就是一个对象的实例。

     function createPerson(name, age, gender){
        
         //创建一个新的对象
         var obj = new Object();
         
         //在对象中添加属性
         obj.name = name;
         obj.age = age;
         obj.gender = gender;
         
         //方法
         obj.sayname = function(){
             alert(this.name);
         };
        return obj;//将新的对象返回
     }
    

    1、构造函数

    函数也是对象,此处构造一个函数,专门用来创建一个新的对象。

    function Person(name, age, gender){
        this.name = "孙悟空";
        this.age = "18";
        this.gender = "男";
        this.Sayname = function(){
            alert(this.name);
        }
    }
    
    var per = new Person( "孙悟空","18","男");//构造函数用new来调用
    //per是person这个对象的实例
    function Dog(name, age, gender){
        this.name = "旺财";
        this.age = "4";
    }
    
    var dog = new Dog("旺财","4");//创造一个实例
    

    这样,创建了不同的类。我们如果直接在页面中打印一个对象的话,实际上是输出对象的toString()方法的返回值。

    构造函数中,你创建了多少对象,相对应的多少方法,执行n次,他就创建n个方法,并且这些方法都是一样的。所以,需要将他们都放在一个地方,并让所有实例都可以访问到,要让他们共享同一个。

    代码可以这样写:

    function Person(name, age, gender){
        this.name = name;
        this.age = age;
        this.gender = gender;
        this.Sayname = fun;
    } 
    
    //将Sayname方法在全局作用域中定义
    function fun(){
        alert("大家好,我是:"+ this.name);
    };
    

    但是定义在全局作用域中不安全。

    则要用prototype(原型)

    2、prototype(原型)

    在JS中,prototype属性指向函数的原型对象,并且这个属性是一个对象数据类型的值。

    这意味着,我们可以把那些不变的属性和方法,直接定义在prototype对象上。

    创建函数时,函数名.prototype=原型对象;调用函数时,this.__proto__=原型对象。所以,函数名.prototype=this.__proto__

    //Myclass构造函数
    function MyClass(){
        
    }
    
    //通过Myclass创建的对象mc
    var mc = new MyClass();
    var mc2 = new MyClass();
    
    console.log(mc2.__proto__ == MyClass.prototype);//true
    

    当函数以构造函数形式调用时,它所创建的对象中都会有一个隐含的属性,指向该构造函数的原型对象。通过__proto__来访问该属性。(此时mc和MyClass都指向原型对象)

    也就是说,同一个类的所有实例的_proto_属性都指向这个类(构造函数)的原型对象。

    形象的解释:原型对象相当于一个公共区域,所有同一个类的实例都可以访问到这个原型对象,我们可以将对象中共有的内容,统一设置到原型对象中。

    对象理解成一个地址,对象的属性和方法就是要从地址里面寻找,当我们访问对象的一个属性或方法时,他会先在对象的自身中寻找,如果有则直接用;如果没有,就回去原型对象中寻找,找到的话则直接用。

    3、原型链

    在JavaScript中万物都是对象,对象和对象之间也有关系,并不是孤立存在的。对象之间的继承关系,在JavaScript中是通过prototype对象指向父类对象,直到指向Object对象为止,这样就形成了一个原型指向的链条,专业术语称之为原型链

    举例说明:person → Person → Object ,普通人继承人类,人类继承对象类

    原型对象也是对象,它也有原型,补充以上,原型对象中寻找,如果没有,就去原型的原型中找。直到找到Object对象的原型,依然没有找到,就返回undefined。

    可以使用对象的hasOwnProperty()来检查对象自身中是否含有该属性。

    function Person() {}
        Person.prototype.a = 123;
        Person.prototype.sayHello = function () {
          alert("hello");
        };
        var person = new Person()
        
        console.log(person.a)//123
        console.log(person.hasOwnProperty('a'));//false
        console.log('a'in person)//true
    //使用in检查对象中是否含有某个属性时,如果对象中没有但是原型中有,也会返回true
    

    person实例中没有a这个属性,从 person 对象中找不到 a 属性就会从 person 的原型也就是 person.__proto__ ,也就是Person.prototype中查找,得到a的值为123。那假如 person.__proto__中也没有该属性,又该如何查找?

    当读取实例的属性时,如果找不到,就会查找与对象关联的原型中的属性,如果还查不到,就去找原型的原型,一直找到最顶层Object为止。注:Object是JS中所有对象数据类型的基类(最顶层的类)在Object.prototype上没有__proto__这个属性。

    4、各种关系图见下:

    相关文章

      网友评论

        本文标题:Javascript(4)

        本文链接:https://www.haomeiwen.com/subject/foepzktx.html