什么是javascript的預解釋烈菌?
在當前作用域下费彼,JS代碼執(zhí)行之前削咆,瀏覽器會對帶var的和function的進行聲明或者定義。
當瀏覽器加載HTML頁面的時候杖剪,首先會提供一個供全局js代碼執(zhí)行的環(huán)境——>全局變量作用域(global/window)
帶var的只會聲明不會定義冻押,帶function的會聲明+定義。
在當前作用域下預解釋完成之后就會執(zhí)行JS代碼盛嘿。
預解釋無節(jié)操5點(變量相關2點洛巢,函數(shù)相關3點)
變量預解釋析2點:
已經聲明的變量不能重復聲明
2.只對=左邊帶var的進行聲明,但是不定義
函數(shù)預解釋3點
在if條件塊中定義的函數(shù)次兆,不管條件是否成立稿茉,都會進行預解釋
警示:不要在if條件中定義函數(shù),有兼容性問題。
2.函數(shù)return后面的語句不會進行預解析漓库,但是return后面的語句會進行預解析
3.自執(zhí)行函數(shù)不會進行預解析恃慧,執(zhí)行的時候函數(shù)的聲明+定義+調用同步完成
在預解釋的時候函數(shù)的優(yōu)先級要比變量高。渺蒿、
新知識:in:"name" in obj 判斷name是否為obj這個對象的一個屬性痢士,是的為true,不是為false茂装。
例子:
var obj={name:"qiao",age:17};
console.log("name" in obj);
console.log("eat" in obj);
對于帶var和function關鍵字的在預解釋的時候的操作是不一樣的:
var -->在預解釋的時候只是提前的聲明
function-->在預解釋的時候提前聲明和定義都完成良瞧。
預解釋只發(fā)生在當前的作用域下,例如:開始只對windows下的進行預解釋训唱,只有函數(shù)執(zhí)行的時候褥蚯,才會對函數(shù)中的var進行預解釋。
例子 windows下的變量
"n=12;
console.log(n);"
此時的n就是windows下的屬性名况增。
js中內存的分類:
根據(jù)作用分為:
棧內存:用來提供一個供js代碼執(zhí)行的環(huán)境-->window全局作用域
堆內存:用來存儲引用數(shù)據(jù)類型的值-->對象存儲的是屬性名 和屬性值赞庶,函數(shù)存儲的是代碼字符串。
如何區(qū)分私有變量和全局變量澳骤?
a歧强、在全局作用下聲明(預解釋的時候)的變量是全局變量;
b、在私有作用域中聲明的變量和函數(shù)的形參都是私有的變量
當函數(shù)執(zhí)行的時候(直接目的:讓函數(shù)體中的代碼執(zhí)行)为肮,首先會形成一個新的私有的作用域摊册,然后按照如下的步驟執(zhí)行:
1、如果有形參颊艳,先給形參賦值
2茅特、進行私有作用域中的預解釋
3、私有作用域中的代碼從上到下執(zhí)行
1棋枕、預解釋的時候白修,不管你的條件是否成立,都要把帶var的進行提前的聲明
"var n1;
if (!("n1" in window)) {
var n1=12;
}
console.log(n1);"
2重斑、預解釋的時候預解釋"="左邊的兵睛,右邊的值是不參與預解釋的。
匿名函數(shù)之函數(shù)表達式:把函數(shù)定義的部分當做一個值賦值給我們的變量/元素的某一個事件
"" fn();
function fn(){
console.log("on");
}
執(zhí)行函數(shù)定義的那個function在全局作用域下不進行預解釋窥浪,當代嗎執(zhí)行這個位置的時候定義和執(zhí)行一起完成祖很。
自執(zhí)行函數(shù):定義和執(zhí)行一起完成
"(function(num){alert(num)})(100);
-function(num){alert(num)}(10);
+function(num){alert(num)}(20);
~function(num){alert(num)}(30);
!function(num){alert(num)}(50);"
4、函數(shù)體中return下面的代碼雖然不執(zhí)行漾脂,但是需要進行預解釋假颇。而return后面跟著的都是我們返回的值,所以不進行預解釋符相。
" function fn() {
console.log(num);
return function(){
};
var num = 100;
console.log(num);
}
alert(fn());"
在預解釋的時候拆融,如果名字已經聲明過了蠢琳,不需要重新的聲明,但是需要重新的賦值镜豹。
在js中如果變量的名字和函數(shù)的名字重復了傲须,也算沖突
" alert(fn);
var fn=10;
function fn() {
return 12;
}"
"fn=10; var fn;
fn(); //2
function fn() {
console.log(1);
}
fn();//2
var fn=10;
10();
function fn() {
console.log(2);
}
fn();"