[JavaScript知识库]js 对象

一、什么是对象

现实生活中：万物皆对象，对象是一个具体的事物，看得见摸得着的实物。例如，一本书、一辆汽车、一个人
可以是“对象”，一个数据库、一张网页、一个与远程服务器的连接也可以是“对象”。
在 JavaScript 中，对象是一组无序的相关属性和方法的集合，所有的事物都是对象，例如字符串、数值、数组、
函数等。
对象是由属性和方法组成的。

??? 属性：事物的特征，在对象中用属性来表示（常用名词）
??? 方法：事物的行为，在对象中用方法来表示（常用动词）

二、对象的格式

js中{}括起来的就是对象。

对象有属性，属性名可以是方法名，每个属性用逗号隔开，是必须的

对象的声明语法

let 对象名 = {}


例如：
let data = {}

let a  = {
   name: '小明',
   age:20,
   skill:function(){
     console.log('study')
}
   
}
console.log(a.name)//小明
console.log(a.age)//20
a.skill()//'study'

属性不要加（）,方法属性名要加括号表示调用。
三、创建对象
1.利用字面量创建对象

let star = {
uname : '销户',
age : 22,
gender : '男',
data : function(){
alert('大家好啊~');
}
};

2.利用new Object创建对象

let andy = new Obect();
andy.uname = '销户';
andy.age = 22;
andy.gender = '男';
andy.sayHi = function(){
alert('大家好啊~');
}

??

3.利用构造函数创建对象

构造函数 ：是一种特殊的函数，主要用来初始化对象，即为对象成员变量赋初始值，它总与 new 运算符一起使用。我们可以把对象中一些公共的属性和方法抽取出来，然后封装到这个函数里面。
在 js 中，使用构造函数要时要注意以下两点：

??? 构造函数用于创建某一类对象，其首字母要大写
??? 构造函数要和 new 一起使用才有意义

function Person(uname, age, gender) {
this.uname = uname;
this.age = age;
this.gender = gender;
this.sayHi = function() {
alert('我的名字叫：' + this.uname + '，年龄：' + this.age + '，性别：' + this.gender);
} }
var bigbai = new Person('销户', 22, '男');
var smallbai = new Person('小虎', 21, '男');
console.log(bigbai.uname);
console.log(smallbai.uname);

??

四、对象的调用

??? 对象里面的属性调用 : 对象.属性名 ，这个小点 . 就理解为“ 的 ”
??? 对象里面属性的另一种调用方式 : 对象[‘属性名’]，注意方括号里面的属性必须加引号，我们后面会用
??? 对象里面的方法调用：对象.方法名() ，注意这个方法名字后面一定加括号

console.log(star.uname) // 调用名字属性
console.log(star['uname']) // 调用名字属性
star.sayHi(); // 调用 sayHi 方法,注意，一定不要忘记带后面的括号

??

五、new关键字的作用

new 在执行时会做四件事情：

??? 在内存中创建一个新的空对象。
??? 让 this 指向这个新的对象。
??? 执行构造函数里面的代码，给这个新对象添加属性和方法。
??? 返回这个新对象（所以构造函数里面不需要return）。

六、js内置对象

??? JavaScript 中的对象分为3种：自定义对象 、内置对象、 浏览器对象
??? 前面两种对象是JS 基础 内容，属于 ECMAScript； 第三个浏览器对象属于我们JS 独有的， 我们JS API 讲解
??? 内置对象就是指 JS 语言自带的一些对象，这些对象供开发者使用，并提供了一些常用的或是最基本而必要的功能（属性和方法）
??? 内置对象最大的优点就是帮助我们快速开发
??? JavaScript 提供了多个内置对象：Math、 Date 、Array、String等