JavaScript对象(Object)

JavaScript对象


对象(Object)

对象由花括号分隔,在括号内部,对象的属性以名称和值对的形式 (name : value) 来定义,也叫json。
属性由逗号分隔,空格和折行无关紧要。声明可横跨多行。

定义一个对象, 姓名:Keafmd, 年龄:18 ,地址:北京,isEdu:false

样例代码:

var Ke = {
    'name': 'Keafmd',
    'age': 18,
    address: '北京',
    isEdu:false
}
console.log(Ke)1234567

完整代码:

1234567891011121314151617181920

效果截图:
在这里插入图片描述

对象的创建

使用{}创建

var person = {
    name : 'Keafmd',
    sayHi:function(){
        console.log('hi, my name is :'+this.name)
    }
};123456

样例代码:

12345678910111213141516171819202122

效果截图:
在这里插入图片描述

使用Object创建

var p = new Object();
p.name = 'Keafmd';
p.age = 18;

console.log(p);12345

样例代码:

1234567891011121314151617

效果截图:
在这里插入图片描述

使用Function创建

function Student(){
   this.name = '';
    this.age = 0;
}

var stu1 = new Student();
stu1.name = "Keafmd";
stu1.age = 18;
stu1.address = '哈尔滨';

console.log(stu1);

var stu2 = new Student();
console.log(stu2);1234567891011121314

样例代码:

1234567891011121314151617181920212223242526

效果截图:

在这里插入图片描述

使用class关键字

class Human{
   constructor(name) {
        this.name = name;
    }

    sayHi(){
        console.log('我是: '+this.name);
    }

}

var  h1 = new Human('Keafmd');
h1.sayHi()12345678910111213

样例代码:

12345678910111213141516171819202122232425

效果截图:
在这里插入图片描述

对象的原型模型

通过对象可以给对象扩展字段(属性、方法)
如果想同一个类型,都添加属性,则需要用到原型 prototype

样例代码:

                                        123456789101112131415161718192021222324252627282930313233

效果截图:
在这里插入图片描述


评论 (0)

发表评论