js執(zhí)行環(huán)境

zgbgx 發(fā)布于2019-08-22 16:30 / 877人閱讀

摘要：只接受兩個(gè)參數(shù)，且第二個(gè)參數(shù)必須是數(shù)組，這個(gè)數(shù)組代表原函數(shù)的參數(shù)列表。即繼承原函數(shù)的原型將這個(gè)新對(duì)象綁定到此函數(shù)的上。全局執(zhí)行環(huán)境執(zhí)行環(huán)境執(zhí)行環(huán)境閉包函數(shù)作為返回值，函數(shù)作為參數(shù)傳遞。

提升

1 變量提升

console.log(a);
var a = 1;

2 函數(shù)表達(dá)式

函數(shù)表達(dá)式的提升 === 變量提升

a(); 
var a = function(){...};

3 函數(shù)聲明

func();
function func(){ console.log(1); }
var func = function(){ console.log(2); }
func();

TEST

function func(){
    a = 1;
    console.log(window.a);  //  ?
    console.log(a);         //  ?
    var a = 2;
    console.log(a);         //  ?
}
func();

this

TEST

var people = {
    Name: "a",
    getName : function(){
        console.log(this.Name);
    }
};
var bar = people.getName;

bar();

var people = {
    Name: "a",
    getName : function(){
        console.log(this.Name);
    }
};
people.getName();

1 默認(rèn)綁定

var name = "b";
var a = {
    name: "a",
    getName: function() {
        console.log(this.name);
    }
}
var obj = a.getName;
obj(); // ?

2 隱性綁定

var name = "b";
var a = {
    name: "a",
    getName: function() {
        console.log(this.name);
    }
}
var obj = a.getName();
obj; // ?

3 強(qiáng)制綁定

call apply bind 區(qū)別

call從第二個(gè)參數(shù)開(kāi)始所有的參數(shù)都是原函數(shù)的參數(shù)。

apply只接受兩個(gè)參數(shù)，且第二個(gè)參數(shù)必須是數(shù)組，這個(gè)數(shù)組代表原函數(shù)的參數(shù)列表。

bind只有一個(gè)函數(shù)，且不會(huì)立刻執(zhí)行，只是將一個(gè)值綁定到函數(shù)的this上,并將綁定好的函數(shù)返回。

var name = "b";
var a = {
    name: "a",
    getName: function() {
        console.log(this.name);
    }
}
a.getName.call(this);

var name = "b";
var a = {
    name: "a",
    getName: function() {
        console.log(this.name);
    }
}
var func = a.getName.bind(this);
func();

4 New綁定

創(chuàng)建一個(gè)新對(duì)象。

把這個(gè)新對(duì)象的__proto__屬性指向原函數(shù)的prototype屬性。(即繼承原函數(shù)的原型)

將這個(gè)新對(duì)象綁定到此函數(shù)的this上。

返回新對(duì)象，如果這個(gè)函數(shù)沒(méi)有返回其他對(duì)象。

var name = "b";
function func() {
    this.name = "a";
    console.log(this.name);
}
var obj = new func();
obj; // ?

5 箭頭函數(shù)

在定義時(shí)綁定this

this無(wú)法修改

var name = "b";
var people = {
    name: "a",
    getName : function() {
        return () => {
            console.log(this.name);
        }
    }
};
var bar = people.getName();

bar();

TEST

function foo(arg){
    this.a = arg;
    return this
};

var a = foo(1);
var b = foo(2);

console.log(a.a);    // ?
console.log(b.a);    // ?

var x = 1;
var obj = {
    x: 2,
    f: function(){ console.log(this.x); }
};
var bar = obj.f;
var obj2 = {
    x: 3,
    f: obj.f
}
obj.f();
bar();
obj2.f();

function obj() {
    getName = function () { console.log (1); };
    return this;
}
obj.getName = function () { console.log(2);};
obj.prototype.getName = function () { console.log(3);};
var getName = function () { console.log(4);};
function getName () { console.log(5);}
 
obj.getName ();                // ?
getName ();                    // ?
obj().getName ();              // ?
getName ();                    // ?
new obj.getName ();            // ?
new obj().getName ();          // ?
new new obj().getName ();      // ?

執(zhí)行環(huán)境&作用域

變量、函數(shù)表達(dá)式——變量聲明，默認(rèn)賦值為undefined；

this——賦值；

函數(shù)聲明——賦值；

這三種數(shù)據(jù)的準(zhǔn)備情況我們稱之為“執(zhí)行上下文”或者“執(zhí)行上下文環(huán)境”。

作用域在函數(shù)定義時(shí)就已經(jīng)確定了。而不是在函數(shù)調(diào)用時(shí)確定。

var a = 10;
function fn() {
    console.log(a);
}
function bar(f) {
    var a = 20;
    f()
}
bar(fn);

1 全局執(zhí)行環(huán)境
2 fn執(zhí)行環(huán)境
3 bar執(zhí)行環(huán)境

var a = 10;               // 1
var b = 200;    
function fn() {     
    var b = 20;
    function bar() { 
        console.log(a + b);
    }
    bar();                 // 3
}
fn();                    // 2

var a = 10;               // 1
var b = 200;    
function fn() {     
    var b = 20;
    function bar() { 
        console.log(this.a + this.b);
    }
    bar();                 // 3
}
fn();                    // 2

閉包

函數(shù)作為返回值，函數(shù)作為參數(shù)傳遞。

function fn () {
    var max = 10;
    return function bar(x) {
        if (x > max) {
            console.log(x);
        }
    }
}
var f1 = fn();
var max = 100;
f1(15);

云服務(wù)器 GPU云服務(wù)器 js執(zhí)行環(huán)境執(zhí)行環(huán)境 php執(zhí)行環(huán)境 js執(zhí)行

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/94420.html

發(fā)表評(píng)論

登陸后可評(píng)論

0條評(píng)論

zgbgx

男|高級(jí)講師

我要關(guān)注我要私信

TA的文章

tensorflow

閱讀 1057·2023-04-26 02:21
串口通信中關(guān)鍵知識(shí)點(diǎn)4

閱讀 2859·2021-09-24 09:47
超過(guò)固定寬度(或行數(shù))顯示...(或省略)

閱讀 1652·2019-08-30 15:55
水平且垂直居中方法（10種）

閱讀 2223·2019-08-30 14:01
CSS技巧

閱讀 2383·2019-08-29 14:01
手摸手，帶你用vue擼后臺(tái) 系列三(實(shí)戰(zhàn)篇)

閱讀 2099·2019-08-29 12:46
工作中的小技巧整理

閱讀 864·2019-08-26 13:27
手把手教你實(shí)現(xiàn)一個(gè) Vue 進(jìn)度條組件！

閱讀 2005·2019-08-26 12:23

成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專(zhuān)欄INFORMATION COLUMN

上云采購(gòu)季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺(tái)、長(zhǎng)期優(yōu)惠，快來(lái)選購(gòu)！

js執(zhí)行環(huán)境

相關(guān)文章

**[譯]了解Javascript中的執(zhí)行上下文和執(zhí)行堆棧**

JS基礎(chǔ)知識(shí)：變量對(duì)象、作用域鏈和閉包

javascript執(zhí)行細(xì)節(jié)分析

**js經(jīng)典面試題--變量提升、執(zhí)行環(huán)境、作用域鏈**

從底層看JS執(zhí)行機(jī)制

發(fā)表評(píng)論

0條評(píng)論

zgbgx

男|高級(jí)講師

TA的文章

tensorflow

串口通信中關(guān)鍵知識(shí)點(diǎn)4

超過(guò)固定寬度(或行數(shù))顯示...(或省略)

水平且垂直居中方法（10種）

CSS技巧

手摸手，帶你用vue擼后臺(tái) 系列三(實(shí)戰(zhàn)篇)

工作中的小技巧整理

手把手教你實(shí)現(xiàn)一個(gè) Vue 進(jìn)度條組件！

最新活動(dòng)

資訊專(zhuān)欄INFORMATION COLUMN

上云采購(gòu)季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺(tái)、長(zhǎng)期優(yōu)惠，快來(lái)選購(gòu)！

js執(zhí)行環(huán)境

相關(guān)文章

發(fā)表評(píng)論

0條評(píng)論

男|高級(jí)講師

TA的文章

最新活動(dòng)

上云采購(gòu)季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺(tái)、長(zhǎng)期優(yōu)惠，快來(lái)選購(gòu)！