1、可以感受到，JS 的變量及其松散，那么，正是 JS 變量松散 的本質(zhì)，決定了：JS 變量名只是 一個(gè)在特定的時(shí)間用于保存特定值的一個(gè)名字 而已，也就是說，變量的值及其數(shù)據(jù)類型可以在腳本的生命周期內(nèi)改變 ，盡管這個(gè)功能看起來有趣、強(qiáng)大，但是 JS 變量實(shí)際上是比較復(fù)雜。

洪江管理區(qū)網(wǎng)站建設(shè)公司創(chuàng)新互聯(lián),洪江管理區(qū)網(wǎng)站設(shè)計(jì)制作，有大型網(wǎng)站制作公司豐富經(jīng)驗(yàn)。已為洪江管理區(qū)上千余家提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\外貿(mào)營銷網(wǎng)站建設(shè)要多少錢，請找那個(gè)售后服務(wù)好的洪江管理區(qū)做網(wǎng)站的公司定做！

2、ECMAScirpt 變量有兩種不同的數(shù)據(jù)類型：基本類型 和 引用類型，另外還有其他的叫法，比如：原始類型和對象類型、擁有方法的類型和不能擁有方法的類型 等/0

3、將一個(gè)值賦值給變量時(shí)，解析器 必須確定這個(gè)值是基本類型值還是引用類型值

基本類型 指的是簡單的數(shù)據(jù)段，而 引用類型 指的是可能由多個(gè)值構(gòu)成的對象

基本類型：undefined、null、string、number、boolean、symbo（ES6）

引用類型：Object、Array、RegExp、Date、Function

兩種類型的區(qū)別

存儲：

基本類型的值是存放在 棧區(qū) 的，即內(nèi)存中的棧內(nèi)存

假如有以下變量：

var name = 'jozo';
var city = 'guangzhou';
var age = 22;

那么他們的存儲結(jié)構(gòu)如下：（棧區(qū)包括了變量的標(biāo)識符和值）

引用類型的值是同時(shí)保存在 棧內(nèi)存和堆內(nèi)存 的

假如有以下對象：

var person1 = {name:'jozo'};
var person2 = {name:'xiaom'};
var person3 = {name:'xiaoq'};

那么他們的存儲結(jié)構(gòu)如下：

訪問：

基本類型的值是 按值訪問 的，因?yàn)榭梢圆僮鞅４嬖谧兞恐械膶?shí)際的值。

引用類型的值是 按引用訪問 的，因?yàn)橐妙愋偷闹凳潜４嬖趦?nèi)存中的對象，而與其他語言不同的是，JavaScript 不允許直接訪問內(nèi)存中的位置，即不可以直接操作對象的內(nèi)存空間，那么，在操作對象時(shí)，實(shí)際上是在操作對象的引用而不是實(shí)際的對象。

動態(tài)的屬性：

對于引用類型的值，很明顯，我們可以為其 添加、改變、刪除 屬性和方法：

var person = new Object();
person.name = "Ozzie";
console.log(person.name);    //"Ozzie"

上述過程中，我們創(chuàng)建了一個(gè)對象并為其添加了一個(gè)屬性，如果對象不被銷毀或者這個(gè)屬性不被刪除，那么這個(gè)屬性將一直存在

但是，我們不可以給基本類型的值添加方法和屬性

var name = "Ozzie";
name.age = 19;
consoe.log(name.age);    //undefined

盡管這樣操作不會報(bào)錯(cuò)，但是仍然會被默默地掛掉

比較：

基本類型的比較是 值的比較 ：

例如：

var a = 1;

var b = true;

console.log(a == b);    //true

引用類型的比較是 引用的比較 ：

例如：

var person1 = {};
var person2 = {};
console.log(person1 == person2);    //false

上文提到過，引用類型時(shí)按引用訪問的，換句話說就是比較兩個(gè)對象的堆內(nèi)存中的地址是否相同，很明顯，并不是同一個(gè)內(nèi)存位置：

復(fù)制變量值：

將一個(gè)基本類型的值復(fù)制給另一個(gè)變量，那么，會在新變量上創(chuàng)建一個(gè)新值，然后再把該值復(fù)制到為新變量分配的位置上：

例如：

var a = 10;
var b = a;
a++;
console.log(a);    // 11
console.log(b);    // 10

a 與 b 是完全獨(dú)立的，該值只是 a 中的值的一個(gè)副本。

基本類型在賦值操作后，兩個(gè)變量是相互不受影響的：

那么，復(fù)制引用類型的值時(shí)，同樣也會將一份存儲在對象中的值復(fù)制到新變量的空間中，不同的是，這個(gè)值的副本實(shí)際上是一個(gè) 指針，指向的是存儲在堆中的對象。也就是說，復(fù)制結(jié)束后，這兩個(gè)變量將引用同一個(gè)對象。

例如：

var a = {}; // a保存了一個(gè)空對象的實(shí)例
var b = a;  // a和b都指向了這個(gè)空對象
a.name = 'jozo';
console.log(a.name); // 'jozo'
console.log(b.name); // 'jozo'

改變其中一個(gè)變量就會影響到另一個(gè)變量

傳遞參數(shù)：

請記住，盡管在訪問變量時(shí)有著按值訪問和按引用訪問這兩種方式，但 ECMAScript 中所有的函數(shù)的參數(shù)都是按值傳遞的，即參數(shù)只能按值傳遞，也就是說，把函數(shù)外部的值復(fù)制給函數(shù)內(nèi)部的參數(shù)，就類似于變量之間的值復(fù)制一樣

基本類型的值的傳遞如同基本類型的變量的復(fù)制，被傳遞的值會被賦值給一個(gè)局部變量（即命名參數(shù)，用 ECMAScript 中的概念說，就是 arguments 對象中的一個(gè)元素），此處不再贅述…

但是向參數(shù)傳遞引用類型的值時(shí)，復(fù)制給局部變量的是 內(nèi)存中的地址，因此這個(gè)局部變量的變化會被反映在函數(shù)的外部。

例如：

function setName(obj){
      obj.name = "Ozzie";
}
var person = new Object();
setName(person);
console.log(person.name);    //"Ozzie"

我們可以看到，在函數(shù)內(nèi)部，obj 和 person 引用的是同一個(gè)對象，換句話說，即使這個(gè)變量是按值傳遞的，obj 也會按引用來訪問同一個(gè)對象，因?yàn)?person 指向的對象在堆內(nèi)存中只有一個(gè)，而且是全局對象。

很多人會 錯(cuò)誤地認(rèn)為：參數(shù)是按引用傳遞的，因?yàn)樵诰植孔饔糜蛑行薷牡膮?shù)會在全局作用域中反映出來，OK，那么我們再看一個(gè)例子：

function setName(obj){
      obj.name = "Ozzie";
      obj = new Object();
      obj.name = "Nicholas"
}
var person = new Object();
setName(person);
console.log(person.name);    //Ozzie

如果是按引用傳遞參數(shù)的，那么顯然 person 對象就會在函數(shù)內(nèi)部自動修改 name 屬性為 Nicholas，但結(jié)果仍然是 Ozzie，這說明，即使在函數(shù)內(nèi)部修改了參數(shù)的值，但原始的引用仍然保持不變，實(shí)際上，在函數(shù)內(nèi)部重寫 obj 時(shí)，這個(gè)變量的引用就是一個(gè)局部對象了，而這個(gè)局部對象在函數(shù)執(zhí)行完畢后立即被銷毀。

以上就是JS 基本類型與引用類型值的詳細(xì)內(nèi)容，更多請關(guān)注創(chuàng)新互聯(lián)其它相關(guān)文章！