JavaScript變量的示例分析

這篇文章主要為大家展示了“JavaScript變量的示例分析”，內容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領大家一起研究并學習一下“JavaScript變量的示例分析”這篇文章吧。

基本類型和引用類型的值
ECMAScript變量一般有兩種數據類型的值：基本類型和引用類型。

• 基本類型： 簡單的數據段：Undefined, Null, Boolean, Number, String

• 引用類型：多個值構成的對象；

1. 動態的屬性

定義兩者的值：創建一個變量并為其變量賦值；

執行兩者的值：

• 引用類型：可以添加、刪除屬性和方法；

• 基本類型：不能添加、刪除屬性和方法；

比如：引用類型 a，可以添加屬性 name age

var a = new Object();
a.name = "楊子龍";
a.age = 24;
console.log(a.name);      //楊子龍

基本類型 name 無法添加屬性 age

var name = "楊子龍";
name.age = 24;
console.log(name.age);     //undefined

代碼中可知：只能給引用類型值動態地添加屬性，以便將來使用。

2. 賦值變量值

從一個變量向另一個變量復制基本類型值和引用類型值時：

基本類型：在變量對象上創建一個新值，并將其值復制給新變量分配的位置上；（完全獨立的兩個變量）

例如

var a = 111;
 var b = a;
 console.log(b);     //111

代碼中可知：變量b的值只是變量a的值的一個副本，兩者的值111是完全獨立的。

引用類型：將存儲在變量對象中的值復制一份放到為新變量分配的空間中；（引用同一個對象的兩個變量）

引用類型的值的副本實際是一個指針，指向存儲在堆中的一個對象。

var obj1 = new Object;
var obj2 = obj1;
obj1.name = "楊子龍";
console.log(obj2,name);     // Object { name="楊子龍"} 楊子龍

代碼中可知：obj1和obj2都指向同一個對象Object；所以，為obj1添加的name屬性，通過obj2也可以訪問的到。

3. 傳遞參數

我們都知道基本類型是按值訪問的，因為可以訪問保存在變量中的實際的值。

所有函數的參數都是按值傳遞的。

基本類型：基本類型值的傳遞如同基本類型變量的復制一樣；

在向參數傳遞值，被傳遞的值會被復制給一個局部變量（命名參數），因此這個局部變量的變化不會反映在函數的外部。
例如：

function fn(num) {
 num += 10;
 return num;
}
var a = 10;
var result = fn(a);
console.log(result);  //20
console.log(a);    //10

代碼中可知：參數num和變量a互不相識，只是有著相同的值而已，用完之后，你還是你，我還是我，互不干政。
引用類型：引用類型的傳遞如同引用類型變量的復制一樣；
在向參數傳遞值時，會把這個值在內存中的地址復制給一個局部變量，因此這個局部變量的變化會反映在函數的外部。
例如：

function fn(obj) {
 obj.name = '楊子龍';
}
var person = new Object();
fn(person);
console.log(person.name);   //楊子龍

代碼中可知：在這個函數內部，參數obj和變量person引用的是同一個對象Object，所以，你不動我也不動，你動我也動，你中有我，我中有你，情義綿綿，經久不息……
也就是說：即使變量person是按值傳遞的，但是參數obj（想象成局部變量）還是會按引用來訪問同一個對象。
訪問變量有按值和按引用兩種方式，參數只能按值傳遞。

4. 檢測類型

基本類型：typeof
引用類型：instanceof（對象或null）
例如：

var a = 'Yang Zilong';
var b = 24;
var c = '';
var d = true;
var e;
var g = undefined;
var f = null; // 比較特殊
var h = new Object();

console.log(typeof a); //string
console.log(typeof b); //number 
console.log(typeof c); //string
console.log(typeof d); //boolean
console.log(typeof e); //undefined
console.log(typeof g); //undefined
console.log(typeof f); //object
console.log(typeof h); //object

所用引用類型的值都是Object的實例。
如下：

var person = new Object();
var num = [1,2, 3];
var pattern = /.at/i;
console.log(person instanceof Object);  //true
console.log(num instanceof Object);  //true
console.log(num instanceof Array);   //true
console.log(pattern instanceof Object); //true
console.log(pattern instanceof RegExp); //true

使用instanceof檢測基本類型，會返回false，基本類型不是對象。

以上是“JavaScript變量的示例分析”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！