js对象详解

为什么要有对象

function printPerson(name, age, sex....) {}// 函数的参数如果特别多的话，可以使用对象简化function printPerson(person) {  console.log(person.name);  ……}

什么是对象

现实生活中：万物皆对象，对象是一个具体的事物，一个具体的事物就会有行为和特征。举例： 一部车，一个手机车是一类事物，门口停的那辆车才是对象    特征：红色、四个轮子    行为：驾驶、刹车

JavaScript中的对象

JavaScript中的对象其实就是生活中对象的一个抽象JavaScript的对象是无序属性的集合。    其属性可以包含基本值、对象或函数。对象就是一组没有顺序的值。我们可以把JavaScript中的对象想象成键值对，其中值可以是数据和函数。对象的行为和特征    特征---属性    行为---方法

• 事物的特征在对象中用属性来表示。
• 事物的行为在对象中用方法来表示。

对象字面量

字面量：11 ‘abc‘ true [] {}等

var o = {  name: ‘zs,  age: 18,  sex: true,  sayHi: function () {    console.log(this.name);  }};

思考：

如何把学生对象、老师对象、英雄对象改写成字面量的方式

对象创建方式

• 对象字面量

var o = {  name: ‘zs‘,  age: 18,  sex: true,  sayHi: function () {    console.log(this.name);  }};   

• new Object()创建对象

var person = new Object();  person.name = ‘lisi‘;  person.age = 35;  person.job = ‘actor‘;  person.sayHi = function(){  console.log(‘Hello,everyBody‘);}

• 工厂函数创建对象

function createPerson(name, age, job) {  var person = new Object();  person.name = name;  person.age = age;  person.job = job;  person.sayHi = function(){    console.log(‘Hello,everyBody‘);  }  return person;}var p1 = createPerson(‘张三‘, 22, ‘actor‘);

• 自定义构造函数

function Person(name,age,job){  this.name = name;  this.age = age;  this.job = job;  this.sayHi = function(){    console.log(‘Hello,everyBody‘);  }}var p1 = new Person(‘张三‘, 22, ‘actor‘);

属性和方法

如果一个变量属于一个对象所有，那么该变量就可以称之为该对象的一个属性，属性一般是名词，用来描述事物的特征如果一个函数属于一个对象所有，那么该函数就可以称之为该对象的一个方法，方法是动词，描述事物的行为和功能

new关键字

构造函数 ，是一种特殊的函数。主要用来在创建对象时初始化对象， 即为对象成员变量赋初始值，总与new运算符一起使用在创建对象的语句中。

1. 构造函数用于创建一类对象，首字母要大写。
2. 构造函数要和new一起使用才有意义。

new在执行时会做四件事情

new会在内存中创建一个新的空对象new 会让this指向这个新的对象执行构造函数  目的：给这个新对象加属性和方法new会返回这个新对象

this详解

JavaScript中的this指向问题，有时候会让人难以捉摸，随着学习的深入，我们可以逐渐了解现在我们需要掌握函数内部的this几个特点    1. 函数在定义的时候this是不确定的，只有在调用的时候才可以确定    2. 一般函数直接执行，内部this指向全局window    3. 函数作为一个对象的方法，被该对象所调用，那么this指向的是该对象    4. 构造函数中的this其实是一个隐式对象，类似一个初始化的模型，所有方法和属性都挂载到了这个隐式对象身上，后续通过new关键字来调用，从而实现实例化

对象的使用

遍历对象的属性

通过for..in语法可以遍历一个对象

var obj = {};for (var i = 0; i < 10; i++) {  obj[i] = i * 2;}for(var key in obj) {  console.log(key + "==" + obj[key]);}

删除对象的属性

function fun() {   this.name = ‘mm‘;}var obj = new fun(); console.log(obj.name); // mm delete obj.name;console.log(obj.name); // undefined

简单类型和复杂类型的区别

基本类型又叫做值类型，复杂类型又叫做引用类型

值类型：简单数据类型，基本数据类型，在存储时，变量中存储的是值本身，因此叫做值类型。

引用类型：复杂数据类型，在存储是，变量中存储的仅仅是地址（引用），因此叫做引用数据类型。

• 堆和栈

  堆栈空间分配区别：　　1、栈（操作系统）：由操作系统自动分配释放 ，存放函数的参数值，局部变量的值等。其操作方式类似于数据结构中的栈；　　2、堆（操作系统）： 存储复杂类型(对象)，一般由程序员分配释放， 若程序员不释放，由垃圾回收机制回收，分配方式倒是类似于链表。

• 注意：JavaScript中没有堆和栈的概念，此处我们用堆和栈来讲解，目的方便理解和方便以后的学习。

基本类型在内存中的存储

复杂类型在内存中的存储

基本类型作为函数的参数

复杂类型作为函数的参数

// 下面代码输出的结果function Person(name,age,salary) {  this.name = name;  this.age = age;  this.salary = salary;}function f1(person) {  person.name = "ls";  person = new Person("aa",18,10);}?var p = new Person("zs",18,1000);console.log(p.name);f1(p);console.log(p.name);

思考：

//1. var num1 = 10;var num2 = num1;num1 = 20;console.log(num1);console.log(num2);?//2. var num = 50;function f1(num) {    num = 60;    console.log(num);}f1(num);console.log(num);?//3. var num1 = 55;var num2 = 66;function f1(num, num1) {  num = 100;  num1 = 100;  num2 = 100;  console.log(num);  console.log(num1);  console.log(num2);}?f1(num1, num2);console.log(num1);console.log(num2);console.log(num);

原文地址：https://www.cnblogs.com/jiumen/p/11395464.html