目錄
複製變數值
參數傳遞
首頁 web前端 js教程 Js參數傳遞與變數複製

Js參數傳遞與變數複製

Oct 26, 2017 am 10:05 AM
javascript 變數 複製

   ECMAScript 變數可能包含兩種不同資料型別的值:基本型別值和參考型別值。 基本型別值指的是簡單的資料段,而引用型別值指那些可能由多個值構成的物件。

  5 種基本資料類型: Undefined、 Null、 Boolean、 Number 和 String。這 5 種基本資料類型是按值存取的,因為可以操作保存在變數中的實際的值。 ES6有多出一種Symbol類型。

  引用類型的值是保存在記憶體中的對象,JavaScript 不允許直接存取記憶體中的位置,也就是說不能直接操作對象的記憶體空間。在操作物件時,實際上是在操作物件的參考而不是實際的物件。為此,引用類型的值是按引用存取的。

複製變數值

  • 【複製變數值】複製基本型別變數的值,會在該變數物件上建立一個新值,然後把該值複製到新變數分配的位置上。任一變數值操作互不影響。

  • 【複製引用指標】複製引用型別變數的值,同樣會將儲存在變數物件中的值複製一份放到新變數指派的空間中,不同的是這個值的副本實際上一個指針,而這個指針指向儲存在堆中的一個物件。複製後,兩個變數實際上將引用同一個物件。因此,改變任意變量,都會影響另一個變數。

參數傳遞

  ECMAScript 中所有函數的參數都是以值傳遞的。存取變數有按值和按引用兩種方式,而參數只能按值傳遞。
  

  • 基本型別參數傳遞:傳給函數的是數值的複製,函數中對其的修改外部不可見。

var a = 1;
var b = 2;
function change(a, b) {
    var c = a;
    a = b;
    b = c;
    console.log(a);    //2
    console.log(b);    //1
}
change(a, b);
console.log(a);    //1
console.log(b);    //2
登入後複製
  • 引用類型參數傳遞:傳給函數的是數值的一個引用,函數中對其屬性的修改外部可見,但用新引用覆蓋其則在外部不可見

var a = [1, 2, 3];
var b = [5, 6];
function change(a,b) {
  a[0] = 4;    //对其属性的修改外部可见 
  var c = a;
  a = b;      //用新引用覆盖
  b = c;
  console.log(a);  //"5,6"        
  console.log(b);  //"4,2,3"
}
change(a,b);
console.log(a);    //"4,2,3"
console.log(b);    //"5,6"
登入後複製

  a,b是change函數中的變量,在調用函數時傳遞了a,b的引用賦給了這兩個變量,但是並不能改變全局中的a,b。因為用新引用覆蓋在外部不可見,因為函數只是拿到了引用 並沒有權力更改引用。

var a = [1, 2, 3];
var b = [5, 6];
function change() {
  var c = a;
  a[0] = 4;    //对其属性的修改外部可见 
  a = b;      //用新引用覆盖
  b = c;
}
change(a,b);
console.log(a);  //"5,6" 
console.log(b);  //"4,2,3"
登入後複製

  因為js沒有區塊級作用域,所以它在change裡找不到變數a,b就會自覺的到上層去找,所以這裡的a,b是全域變數的參考。


☞☞☞深究JavaScript系列☜☜☜

   ECMAScript 變數可能包含兩種不同資料型別的值:基本型別值與引用型別值。 基本型別值指的是簡單的資料段,而引用型別值指那些可能由多個值構成的物件。

  5 種基本資料類型: Undefined、 Null、 Boolean、 Number 和 String。這 5 種基本資料類型是按值存取的,因為可以操作保存在變數中的實際的值。 ES6有多出一種Symbol類型。

  引用類型的值是保存在記憶體中的對象,JavaScript 不允許直接存取記憶體中的位置,也就是說不能直接操作對象的記憶體空間。在操作物件時,實際上是在操作物件的參考而不是實際的物件。為此,引用類型的值是按引用存取的。

複製變數值

  • 【複製變數值】複製基本型別變數的值,會在該變數物件上建立一個新值,然後把該值複製到新變數分配的位置上。任一變數值操作互不影響。

  • 【複製引用指標】複製引用型別變數的值,同樣會將儲存在變數物件中的值複製一份放到新變數指派的空間中,不同的是這個值的副本實際上一個指針,而這個指針指向儲存在堆中的一個物件。複製後,兩個變數實際上將引用同一個物件。因此,改變任意變量,都會影響另一個變數。

參數傳遞

  ECMAScript 中所有函數的參數都是以值傳遞的。存取變數有按值和按引用兩種方式,而參數只能按值傳遞。
  基本型別參數傳遞:傳給函數的是數值的複製,函數中對其的修改外部不可見。

var a = 1;
var b = 2;
function change(a, b) {
    var c = a;
    a = b;
    b = c;
    console.log(a);    //2
    console.log(b);    //1
}
change(a, b);
console.log(a);    //1
console.log(b);    //2
登入後複製
  • 引用類型參數傳遞:傳給函數的是數值的一個引用,函數中對其屬性的修改外部可見,但用新引用覆蓋其則在外部不可見

var a = [1, 2, 3];
var b = [5, 6];
function change(a,b) {
  a[0] = 4;    //对其属性的修改外部可见 
  var c = a;
  a = b;      //用新引用覆盖
  b = c;
  console.log(a);  //"5,6"        
  console.log(b);  //"4,2,3"
}
change(a,b);
console.log(a);    //"4,2,3"
console.log(b);    //"5,6"
登入後複製

  a,b是change函數中的變量,在調用函數時傳遞了a,b的引用賦給了這兩個變量,但是並不能改變全局中的a,b。因為用新引用覆蓋在外部不可見,因為函數只是拿到了引用 並沒有權力更改引用。

var a = [1, 2, 3];
var b = [5, 6];
function change() {
  var c = a;
  a[0] = 4;    //对其属性的修改外部可见 
  a = b;      //用新引用覆盖
  b = c;
}
change(a,b);
console.log(a);  //"5,6" 
console.log(b);  //"4,2,3"
登入後複製

  因為js沒有區塊級作用域,所以它在change裡找不到變數a,b就會自覺的到上層去找,所以這裡的a,b是全域變數的參考。

以上是Js參數傳遞與變數複製的詳細內容。更多資訊請關注PHP中文網其他相關文章!

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

qq音樂歌詞怎麼複製 歌詞複製的方法 qq音樂歌詞怎麼複製 歌詞複製的方法 Mar 12, 2024 pm 08:22 PM

  我們用戶們在使用這款平台的時候應該都能夠了解到上面對於一些功能的多樣性,我們知道一些歌曲的歌詞都寫的非常的不錯。有時候甚至都會多聽幾遍,覺得其中的含義都是非常深刻的,所以我們想要去了解其中的勝意,就想要直接的複製下來當文案來使用,不過對於要使用的話,還是要學會如何去複製歌詞才可以,這些操作方面我相信大家們應該都並不模式,但是在手機上面操作確實是有點難度,所以為了能夠讓大家們更好的了解的話,今日小編就來為你們好好的講解上面的一些操作體驗,如果你們也喜歡的話,就和小編一起來看看吧,不要錯過了。 

PS複製圖層快速鍵 PS複製圖層快速鍵 Feb 23, 2024 pm 02:34 PM

在PS複製圖層快速鍵中,我們可以知道使用PS的時候如果想要進行複製圖層的操作,可以使用到快捷鍵【Ctrl+J】進行快速複製。這篇複製圖層快捷鍵的介紹就能夠告訴大家具體的操作方法,以下就是詳細的內容,趕快看看吧。 PS複製圖層快速鍵答:【Ctrl+J】具體方法:1、在ps中開啟影像,選取需要複製的圖層。 2、鍵盤同時按下【Ctrl+J】,即可完成圖層的複製。其他複製方式:1.開啟影像後,按住圖層,向下放【新建圖層】圖示移動。 2.移動到該圖示後,鬆手。 3、即可完成圖層複製。

Python 語法的心智圖:深入理解程式碼結構 Python 語法的心智圖:深入理解程式碼結構 Feb 21, 2024 am 09:00 AM

python憑藉其簡單易讀的語法,廣泛應用於廣泛的領域。掌握Python語法的基礎架構至關重要,既可以提高程式效率,又能深入理解程式碼的運作方式。為此,本文提供了一個全面的心智圖,詳細闡述了Python語法的各個面向。變數和資料類型變數是Python中用於儲存資料的容器。心智圖展示了常見的Python資料類型,包括整數、浮點數、字串、布林值和列表。每個資料類型都有其自身的特性和操作方法。運算符運算符用於對資料類型執行各種操作。心智圖涵蓋了Python中的不同運算子類型,例如算術運算子、比

簡易JavaScript教學:取得HTTP狀態碼的方法 簡易JavaScript教學:取得HTTP狀態碼的方法 Jan 05, 2024 pm 06:08 PM

JavaScript教學:如何取得HTTP狀態碼,需要具體程式碼範例前言:在Web開發中,經常會涉及到與伺服器進行資料互動的場景。在與伺服器進行通訊時,我們經常需要取得傳回的HTTP狀態碼來判斷操作是否成功,並根據不同的狀態碼來進行對應的處理。本篇文章將教你如何使用JavaScript來取得HTTP狀態碼,並提供一些實用的程式碼範例。使用XMLHttpRequest

如何使用Ajax從PHP方法取得變數? 如何使用Ajax從PHP方法取得變數? Mar 09, 2024 pm 05:36 PM

使用Ajax從PHP方法取得變數是Web開發中常見的場景,透過Ajax可以實作頁面無需刷新即可動態取得資料。在本文中,將介紹如何使用Ajax從PHP方法中取得變量,並提供具體的程式碼範例。首先,我們需要寫一個PHP檔案來處理Ajax請求,並傳回所需的變數。下面是一個簡單的PHP檔案getData.php的範例程式碼:

什麼是Java中的實例變數 什麼是Java中的實例變數 Feb 19, 2024 pm 07:55 PM

Java中的實例變數是指定義在類別中,而不是方法或建構子中的變數。實例變數也稱為成員變量,每個類別的實例都有自己的一份實例變數副本。實例變數在創建物件的過程中被初始化,以及在物件的生命週期中保存並保持其狀態。實例變數的定義通常放在類別的頂部,可以用任何存取修飾符來聲明,可以是public、private、protected或預設存取修飾符。這取決於我們希望這個變

複製快捷鍵ctrl加什麼 複製快捷鍵ctrl加什麼 Mar 15, 2024 am 09:57 AM

在 Windows 系統中,複製的快速鍵是 Ctrl+C;在蘋果系統中,複製的快速鍵是 Command+C;在 Linux 系統中,複製的快速鍵是 Ctrl+Shift+C。了解這些快捷鍵可以提高使用者的工作效率,方便地進行文字或檔案複製操作。

excel複製表格保留原格式怎麼操作? excel複製表格保留原格式怎麼操作? Mar 21, 2024 am 10:26 AM

我們常常會用Excel處理多個表格數據,而設定好的表格經過複製貼上後,原有的格式又恢復預設了,還得需要我們重新設定。其實有方法可以讓Excel複製表格保留原格式的,下面小編就跟大家講解下具體的方法。一、Ctrl鍵拖曳複製操作步驟:使用快速鍵【Ctrl+A】全選表格內容後,將滑鼠遊標移至表格邊緣直到出現移動遊標。按住【Ctrl】鍵,接著拖曳表格到所需位置即可完成移動。需要注意的是,這種方法只適用於單一工作表,無法在不同工作表之間進行移動。二、選擇性貼上步驟:按【Ctrl+A】快速鍵全選中表格,按

See all articles