Javascript(4)

一、内部对象

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))