Javascript作用域-前端開(kāi)發(fā)必知的技巧

Javascript是目前Web領(lǐng)域中使用非常廣泛的語(yǔ)言，不管是在前端還是在后端都能看到它的影子，可以說(shuō)Web從業(yè)者不論怎樣都繞不開(kāi)它。在前端領(lǐng)域，各種框架層出不窮。在后端領(lǐng)域，nodejs可謂如火如荼，打破了人們對Javascript只能作為前端語(yǔ)言的認知。按照此勢頭下去，Javascript會(huì )越來(lái)越流行，會(huì )隨著(zhù)Web的發(fā)展越來(lái)越重要。

所以不論你是想學(xué)各種前端框架還是nodejs，都需要深入理解Javascript的工作原理以及特性，只有這樣才能以不變應萬(wàn)變。

今天IT培訓網(wǎng)給大家分享的是：淺談Javascript作用域

什么是作用域?

Js中的變量或者函數能夠被訪(fǎng)問(wèn)到的代碼空間(變量或者函數有效的范圍)。

Javascript中的作用域

全局作用域;

局部作用域;

當一個(gè)變量在函數最外層定義時(shí)，變量就在全局作用域中，在一個(gè)函數內部定義一個(gè)變量，這個(gè)變量就在局部變量中。

全局作用域

最外層函數或者在其外部定義的變量具有全局作用域。

var a = 10; //全局變量

function foo{ //全局函數

console.log(a);

}

這個(gè)變量a就在全局作用域中，可以說(shuō)成是個(gè)全局變量，這個(gè)a可以子啊認可地方訪(fǎng)問(wèn)或修改。

還有一點(diǎn)，window對象的屬性和方法具有全局作用域

Eg：

alert("dddddd");

window.alert("aaaa");

var obj = {

name:"john",

age:20,

sayHello:function(x){

console.log(x);//輸出undefined//第二次輸出1//第三次輸出aaa(要問(wèn)我為什么會(huì )輸出三次，因為聲明提升的問(wèn)題，請自行百度)

}

};

console.log(obj.name);//輸出jogn

obj.sayHello;

console.log(obj.sayHello(1))//輸出undefined

obj.sayHello("aaaaa");

在一個(gè)函數內部聲明一個(gè)變量不用 var來(lái)定義，這個(gè)變量具有全局作用域

function foo{

b = 20;

var a = 10;

}

foo;

console.log(b);

console.log(a);//a會(huì )報錯，因為a 是一個(gè)局部變量

局部作用域

定義在函數中的變量就在局部作用域中。并且函數在每次調用時(shí)都有一個(gè)不同的作用域。這意味著(zhù)同名變量可以用在不同的函數中。因為這些變量綁定在不同的函數中，sjz.java.tedu.cn擁有不同作用域，彼此之間不能訪(fǎng)問(wèn)。(在一個(gè)函數顳部定義的函數或者用var定義的變量具有局部作用域)

Eg：

在ES5中函數去區分全局和局部的唯一的代碼塊

if(true){

var a = 10;

}

for(var i =0; i<=0; i++){

var b = 10;

}

console.log(a,b);//a,b都是輸出10

函數的形參具有局部作用域，是局部變量

function foo(x){

console.log(x);//輸出undefined

}

foo;

console.log(x);//報錯

補充一點(diǎn)塊語(yǔ)句

塊級聲明包括if和switch，以及for和while循環(huán)，和函數不同，它們不會(huì )創(chuàng )建新的作用域。在塊級聲明中定義的變量從屬于該塊所在的作用域。

Eg：

if(true){

Var name = “join”;

}

Console.log(name)//輸出join

Es6中引用了let，const關(guān)鍵字，這些關(guān)鍵字可以代替var，但是和var不同的是，let和const具有塊級作用域，也就是說(shuō)在塊級聲明中創(chuàng )建并使用時(shí)，是具有全局作用域的

在全局作用域聲明的變量可以稱(chēng)為全局變量，同理還有全局變量，和函數形參，他們所站的比重是局部變量>函數形參>全局變量。