快捷導(dǎo)航

JavaScript中重名的函數(shù)與對象示例詳析

更新時(shí)間：2017年09月28日 11:53:35 作者：司馬懿字仲達(dá)

最近同事問了一個(gè)問題，說在js中如果函數(shù)與對象重名了會怎么樣？仔細(xì)詳細(xì)這個(gè)問題值得討論一下，所以便有了這篇文章，這篇文章主要給大家介紹了關(guān)于JavaScript中重名的函數(shù)與對象的相關(guān)資料，需要的朋友可以參考借鑒，下面來一起看看吧啊。

前言

本文主要給大家介紹了關(guān)于JavaScript中重名的函數(shù)與對象的相關(guān)內(nèi)容，分享出來供大家參考學(xué)習(xí)，下面話不多說了，來一起看看詳細(xì)的介紹吧。

JavaScript 允許重復(fù)聲明變量，后聲明的覆蓋之前的。

var a = 1;
var a = 'x';
console.log(a);
//輸出'x'

JavaScript允許重復(fù)定義函數(shù)。

JavaScript沒有重載這個(gè)概念，它僅依據(jù)函數(shù)名來區(qū)分函數(shù)。

后定義的同名函數(shù)覆蓋之前的，與參數(shù)無關(guān)。

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"

實(shí)參個(gè)數(shù)如果比形參少，那么剩下的默認(rèn)賦值為undefined；如果實(shí)參傳的比形參數(shù)量多，那么是全部都會被傳進(jìn)去的，只不過沒有對應(yīng)的形參可以引用（但可以用arguments來獲取剩下的參數(shù)）

function test(arg1) {
 for(var i=0; i<arguments.length; i++) {
 console.log(arguments[i]);
 }
}
test(1,2); //輸出 1 2

變量與函數(shù)重名的時(shí)候，變量生效

這涉及到了變量和函數(shù)的預(yù)解析：

- 變量聲明會被頂置，函數(shù)聲明也會被頂置且比變量更先聲明。

- 變量的聲明和賦值語句一起寫時(shí)，JS引擎在解析時(shí)，會將其拆成聲明和賦值2部分，聲明置頂，賦值保留在原來位置。

- 聲明過的變量不會再重復(fù)聲明。

var a = 100;
function a() {
 return "function";
}
console.log(a); //輸出 100
console.log(a()); 
/*
報(bào)錯(cuò)
Uncaught TypeError: a is not a function
 (anonymous function) @test.html:9
*/

JS中有兩種函數(shù)，一種是普通函數(shù)，一種是函數(shù)對象。下面的這種就是“函數(shù)對象”，它實(shí)際上是聲明一個(gè)匿名函數(shù)，然后將該函數(shù)的init方法賦值給該變量。

var a = 100;
var a = function() {
 return "function";
}
console.log(a);
/* 
輸出
function() {
 return "function";
}
*/
console.log(a()); //輸出 "function"

函數(shù)與內(nèi)部變量重名

定義普通函數(shù)，即在window變量下，定義一個(gè)key，它的名字為該函數(shù)名，值為該函數(shù)的地址。函數(shù)內(nèi)部的this指向window對象。

function a() {
 console.log(this); //輸出 window{...}
 this.a = 1;  //即 window.a = 1，此時(shí)window下的function a已經(jīng)被該變量覆蓋了。
 var a = 5;  //下面的這幾個(gè)變量都是局部變量，僅在花括號范圍內(nèi)有效。 
 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
*/

總結(jié)

以上就是這篇文章的全部內(nèi)容了，希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，如果有疑問大家可以留言交流，謝謝大家對腳本之家的支持。

您可能感興趣的文章: