溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
前言
本文主要給大家介紹了關于JavaScript中重名的函數與對象的相關內容，分享出來供大家參考學習，下面話不多說了，來一起看看詳細的介紹吧。
JavaScript 允許重復聲明變量，后聲明的覆蓋之前的。
var a = 1; var a = 'x'; console.log(a); //輸出'x'
JavaScript允許重復定義函數。
JavaScript沒有重載這個概念，它僅依據函數名來區分函數。
后定義的同名函數覆蓋之前的，與參數無關。
function test() {
console.log("test");
}
test(); //輸出 "test arg0 + undefined"
function test(arg1) {
console.log("test arg" + arguments.length + " + " + arg1);
}
test(1,2); //輸出 "test arg2 + 1"
實參個數如果比形參少，那么剩下的默認賦值為undefined；如果實參傳的比形參數量多，那么是全部都會被傳進去的，只不過沒有對應的形參可以引用（但可以用arguments來獲取剩下的參數）
function test(arg1) {
for(var i=0; i<arguments.length; i++) {
console.log(arguments[i]);
}
}
test(1,2); //輸出 1 2
變量與函數重名的時候，變量生效
這涉及到了變量和函數的預解析：
- 變量聲明會被頂置，函數聲明也會被頂置且比變量更先聲明。
- 變量的聲明和賦值語句一起寫時，JS引擎在解析時，會將其拆成聲明和賦值2部分，聲明置頂，賦值保留在原來位置。
- 聲明過的變量不會再重復聲明。
var a = 100;
function a() {
return "function";
}
console.log(a); //輸出 100
console.log(a());
/*
報錯
Uncaught TypeError: a is not a function
(anonymous function) @test.html:9
*/
JS中有兩種函數，一種是普通函數，一種是函數對象。下面的這種就是“函數對象”，它實際上是聲明一個匿名函數，然后將該函數的init方法賦值給該變量。
var a = 100;
var a = function() {
return "function";
}
console.log(a);
/*
輸出
function() {
return "function";
}
*/
console.log(a()); //輸出 "function"
函數與內部變量重名
定義普通函數，即在window變量下，定義一個key，它的名字為該函數名，值為該函數的地址。函數內部的this指向window對象。
function a() {
console.log(this); //輸出 window{...}
this.a = 1; //即 window.a = 1，此時window下的function a已經被該變量覆蓋了。
var a = 5; //下面的這幾個變量都是局部變量，僅在花括號范圍內有效。
a = 10;
var v = "value"
return "function";
}
console.log(a); //輸出 function a {...}
console.log(a()); //輸出 "function"
console.log(a); //輸出 1
console.log(v);
/*
輸出
Uncaught ReferenceError: v is not defined
(anonymous function) @ mycolor.html:15
*/
總結
以上就是這篇文章的全部內容了，希望本文的內容對大家的學習或者工作具有一定的參考學習價值，如果有疑問大家可以留言交流，謝謝大家對億速云的支持。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
