JS基本类型和引用类型

1.什么是基本类型和引用类型?

• ECMAScript的变量有两种不同数据类型的值：基本类型和引用类型
• 基本类型指的是简单的数据段
• 引用类型是可能由多个值构成的对象

2.基本类型和引用类型分别有哪些?

• 基本类型有：Undefined、Null、Boolean、Number、String、Symbol(ES6)
• 引用类型有：Object

3.基本类型和引用类型的区别

基本类型和引用类型的区别可以从以下几个方面考虑

 1.是否可以添加属性
 2.变量复制
 3.传参

1.是否可以添加属性

// 创建Object类型
var person = new Object()
// 添加name属性
person.name = 'James'
console.log(person.name) // 'James'
// 创建String类型
var name = 'Jack'
// 添加age属性
name.age = 20
console.log(name.age) // undefined

在上面的代码中，创建了一个对象person，给person添加了一个name属性，可以访问到person.name的值，然后声明了变量name，给name添加了age属性，但是访问不到name.age，说明只能给引用类型添加属性。

2.变量复制

从一个变量向另一个变量复制的时候，基本类型会创建一个新值，然后把新值复制到新变量上，引用类型则是复制了一个指针，两个指针指向的是同一个对象。所以改变其中一个变量会影响到另一个变量。

var name1 = 'James'
var name2 = name1
name2 = 'Jack'
console.log(name1) // 'James'

var obj1 = {
 name: 'James'
}
var obj2 = obj1
obj2.name = 'Jack'
console.log(obj2.name) // 'Jack'

3.传参

ECMAScript中函数的参数是按值传递的，如果传递的是基本类型，则被传递的值会被复制给一个局部变量，如果传递的是引用类型，则复制的是内存地址给这个局部变量，参数和被传递的值还是指向了同一对象。

  function getName(name) {
    name += 'Jack'
    return name
  }
  var name1 = 'James'
  var name2 = getName(name1)
  console.log(name1) // 'James'
  console.log(name2) // 'JamesJack'

在上面代码中，声明了变量name1，调用getName方法，把name1作为参数传递给getName方法，打印的name1的结果没有改变，还是原值。

function setName(obj) {
  obj.name = 'Jack'
 }
 var obj1 = {}
 setName(obj1)
 console.log(obj1.name) // 'Jack'

在上面代码中，声明了变量obj1,调用setName方法，把obj1作为参数传递给setName方法，打印obj1.name的值，结果obj1.name的值改变了，说明了局部变量obj和obj1指向了同一个对象。