Javascript中的var self = this

阿新 • • 發佈：2018-06-22

第一個自己全局對象定義函數參數 sca clas IT nbsp

<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>

    <body>
        <script type="text/javascript">
            //            javascript中每個函數解析時， 都會創建兩個特殊的變量： 
            //            這和參數， 這兩個變量都能在函數體內訪問， 所以每個函數都有屬於自己的這個對象和參數 

            //
            //            當然這個該對象是在執行時基於函數的執行環境綁定的，
            //
            //            即在全局對象中， 這指向的是窗口對象;
            //            在自定義函數中， 這個對象指向的是調用這個函數的對象;
            //            下面這個函數執行的時候， 第一個這樣指向的就是窗口對象， 
            //            因為它在窗口環境下執行的， 第二個這種對象指向的是objThis對象， 
            // 
            因為它在objThis對象下執行的
            var wsscat = function(name) {
                var self = this;
                this.name = name;
                console.log(this);
                console.log(self);
            }
            wsscat(‘wsscat‘);
            window.wsscat(‘wsscat‘); //因為它在window對象下執行的 

            var objThis = {
                x: ‘autumns‘,
                wsscat: wsscat
            }
            objThis.wsscat(); //因為它在objThis對象下執行的
            //            當我們把這個構造函數變成對象的時候，這個本就是指向自己的wsscat對象
            var wsscat = function(name) {
                var self = this;
                this.name = name;
                console.log(this);
                console.log(self);
            }
            ////通過構造函數new一個新對象時，this就指這個新對象
            var obj = new wsscat(‘wsscat‘); //log wsscat{name:‘wsscat‘}對象
            //            這個給出一個私有的自我參數，這個可以令對象這個對私有方法func3可見，
            //            所以當我們在構造函數中出現閉包（私有函數/嵌套函數下面例子中的函數func3（））都要註意，
            //            此時裏面的這個是屬於窗口對象的
            var wsscat = function(name) {
                var self = this;
                var x = ‘autumns‘;
                this.name = name;
                console.log(this);
                console.log(self);
                this.func = function() {
                    console.log("wsscat‘s func");
                };
                this.func2 = function() {
                    func3(); //不能用self.func3()和this.func3()
                }
                //閉包裏面，既嵌套函數裏面如果想使用wsscat對象的方法或者變量要用self
                function func3() {
                    console.log(this) //指向window對象
                    //this.func();//報錯this.func is not a function
                    self.func(); //不能用this.func(),也不能用func()
                    console.log("wsscat‘s func3");
                }
            }
            var obj = new wsscat(‘wsscat‘);
            obj.func2()
        </script>
    </body>

</html>

js方法中var self=this的原因

每個函式在定義被ECMAScript解析器解析時，都會建立兩個特殊的變數：this和arguments,換句話說，每個函式都有屬於自己的this物件，這個this物件是在執行時基於函式的執行環境繫結的，即在全域性物件中，this指向的是window物件；在自定義函式中，thi

Javascript中的var self = this

第一個自己全局對象定義函數參數 sca clas IT nbsp <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> &

JavaScript中var變量引用function與直接聲明function

function 瀏覽器開發今天在h5開發app的過程中遇到了一個js問題，function的執行問題在js中聲明函數function有這兩種方法var A=function(){...}或者function A(){...}第一種稱之為變量引用函數，因為js允許函數作為一個值傳遞給變量，第二

JavaScript中var、let、const區別？

blog bsp scrip 進行大括號不可輸出 cal cti 簡單來說是： let是修復了var的作用域的一些bug，變的更加好用。let是更好的var。var的作用域是函數作用域由var定義的變量，它作用域在一個函數體內，而不是我們其他語言理解的大括號{ }

關於困惑已久的var self=this的解釋

http ren 函數作用域 his call bird 執行環境 UNC fine 首先說下this這個對象的由來（屬於個人理解）：每個函數在定義被ECMAScript解析器解析時，都會創建兩個特殊的變量：this和arguments,換句話說，每個函數都有屬於自己的th

JavaScript中var與let區別

新增連結描述今日頭條：https://www.toutiao.com/i6535675554807415299/?tt_from=weixin&utm_campaign=client_share&wxshare_count=1&from=singlemessag

【慕課網】JavaScript中函式和this

1.函式概述 JS中函式比較特殊，函式也是物件中的一種。常叫做函式物件。所以JS函式可以像其它物件那樣操作和傳遞，所以我們也常叫JS中的函式為函式物件。函式的返回值依賴return，一般的函式呼叫：沒有return就會預設在所有程式碼執行完返回一個undefined；如

var self = this;使用，出現的問題，賦值賦不上

//ajax返回來資料，可以觀測到，就是在頁面上賦值不好使！ searchUrlList:function (currentPage) { var self = this; $.ajax({ &nb

大前端學習筆記整理【五】關於JavaScript中的關鍵字——this

寫在前面工作有那麼一段時間了，但是在工作中，發現自己的理論知識還是有所欠缺。特別是在javascript上，很多東西其實自己屬於知道要用這個，但是不知道為什麼要這麼用...這種情況很是尷尬了，所以寫部落格的很重要一個目的就是鍛鍊我自己的總結能力，把學到的東西總結出來，感覺這樣能讓我更快的去理解所學到的東西。

javascript中var與let與const的區別

var與let的區別到ES6的時候，javascript中宣告變數的方式有三種var、let、const 1：作用域只是侷限於當前程式碼塊 { var str = "aaa"; console.log(st

javaScript中var、let、const的區別

在javascript中有三種宣告變數的方式：var、let、const。 1、var 之前我們在寫js程式碼的時候都知道可以用var定義全域性變數和區域性變數，也可以省略var，而且在非嚴格模式下不會報錯，但是實際上在嚴格模式下，兩者的使用有沒有區別，可能

JavaScript中var 和let的區別，四個概念變數提升，作用域，重複宣告，暫時死區以及從生命週期去看它

前言今天無意當中遇到了js中的變數宣告，發現除了var居然還有let宣告方法，比較新奇，特地記錄下來它們兩者的區別！絕對能讓你理解清楚，PS 後面有重頭戲思路主要從四個角度來講述它們的區別變數提升作用域重複宣告暫時死區變數提

JavaScript中函式裡this的值到底指向誰？如何理解上下文context？

先看下面的程式碼： var f = function(){ var this_obj = this; } var o={name:"o"} o.f = f; f(); //此時呼叫時this_ob

js中var that=this的重要性

小程式的回撥函式中廣泛用到了“var that = this”,ajax的success回撥函式中也曾用到“var that =this”,那麼var that=this到底有什麼作用呢。在javascript語言中，this代表著當前的物件，即當前操作的dom元素的物件

javascript中，一個js中的函數，第一句var _this = this;為什麽要這樣做？

== .class 首頁 false turn prot his on() func javascript中，一個js中的函數，第一句var _this = this;為什麽要這樣做？下面是源碼： 1 下面這段代碼是常用的網站首頁，自動切換span或者tabbar

JavaScript中this的用法

屬於指向 cti 用法 func 生成純粹 ava 構造函數 this的使用環境有以下幾種 1、純粹的函數調用純粹的函數調用屬於函數的最常用的用法，屬於全局性調用。在全局函數中，this等於window。 2、作為對象方法的調用當函數不是全局調用，而是作為某個對象

【JavaScript中的this詳解】

定律 htm uid js代碼 tdd ati tom dmr doctype 前言 this用法說難不難，有時候函數調用時，往往會搞不清楚this指向誰？那麽，關於this的用法，你知道多少呢？下面我來給大家整理一下關於this的詳細分析，希望對大家有所幫助！

在javascript中對於this指向的再次理解

全局變量依據兩個 uem rip 二次第一個定義無法總所周知，function () {}函數體內的this對象指向的是調用該函數的對象，那麽我們看一下這個例子 <script> var length = 3; function fn ()

JavaScript中的this的指向

全局 code app 屬性。 () color asc return apply() this是JS的關鍵字，隨著函數使用場合的不同，this值會發生變化。但總的原則是，this總是指向調用this所在函數的那個對象。 1、純函數調用 function test(){

JavaScript中this關鍵字的指向問題

asc 函數調用 javascrip new spa con oba cti func 1、純粹的函數調用，this就代表全局對象Global var x = 1; function test(){ var x = ‘二哈‘; console.log(th

Javascript中的var self = this

相關推薦