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、各种关系图见下:

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 213,014评论 6 492
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,796评论 3 386
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 158,484评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,830评论 1 285
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,946评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,114评论 1 292
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,182评论 3 412
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,927评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,369评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,678评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,832评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,533评论 4 335
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,166评论 3 317
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,885评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,128评论 1 267
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,659评论 2 362
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,738评论 2 351