JavaScript中的对象-栈内存和堆内存以及this指向的两种情况(后续会出进阶)

1.1 栈内存和堆内存

我们知道程序是需要加载到内存中来执行的，我们可以将内存划分为两个区域:栈内存和堆内存

• 原始类型占据的空间是在栈内存中分配的
• 对象类型占据的空间是在堆内存中分配的

1.1.1 值类型和引用类型

原始类型的保存方式：在变量中保存的是值本身

• 所以原始类型也被称之为是值类型

对象类型的保存方式：在变量中保存的是对象的“引用”

• 所以对象类型也被称之为引用类型

1.1.2 JavaScript中的一些现象

1. 现象一：两个对象的比较

  var num1=123var num2=123console.log(num1===num2)//true//1.现象一：两个对象的比较var obj1 = {}var obj2 = {}console.log(obj1===obj2) //false

现象二：

//现象二：引用赋值

 //现象二：引用赋值var info = {name:"why",friend:{name:"kobe"}}var friend = info.friendfriend.name="jams"console.log(info.friend.name) //jams

现象三：值值传递

  //3.现象三：值传递function foo(a) {a=200}var num=100foo(num)console.log(num)//100

 //现象四：引用传递function foo(a){a = {name : "why"}}var obj = {name:"obj"}foo(obj)console.log(obj)//打印的是obj的

5.现象五：引用传递，但是在函数中创建了一个新对象，没有对传入的对象进行修改

 //5.现象五：引用传递，但是对传入的对象进行修改function foo(a) {a.name = "why"}var obj = {name: "obj"}foo(obj) console.log(obj)//why

2.1 函数中的this指向的两种情况

2.1.1 为什么需要this

在常见的编程语言中，几乎都有this这个关键字（Objective-C中使用的是self），但是JavaScript中的this和常见的面向对象语言中的this不太一样

• 常见面向对象的编程语言中，比如C++,java,Swift,Dart等等一系列语言中，this通常只会出现在类的方法中
• 也许你就是一个类，类中的方法（特别是实例方法）中，this代表的就是当前调用对象

代码示例

 var info = {//对象是一种数据结构name:"why",running:function(name) {console.log("running~",this.name)//先看一下自己的作用域找有没有name,没有就去WIndow对象里面找},eating: function(name) {console.log("eating~",this.name)//封装的比较独立，不会因为外部条件的改变而受到影响},studying:function(name) {console.log("studying~",this.name)}}info.eating()info.running()info.studying()

2.1.3 this指向什么呢？

目前掌握两个this的判断方法：

• 在全局环境下面，以默认的方式调用用一个函数，this指向WIndow
• 通过对象调用，this指向调用的对象

function foo() {console.log(this)//window
}

var obj = {bar:function() {console.log(this)//obj}
}
obj.bar()