成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

JavaScript中的this

cucumber / 3464人閱讀

摘要：在中，只有兩種指向，一種是指向當(dāng)前的封閉作用域，或者是指向當(dāng)前作用域的外層，的最頂層就是對(duì)象。在非嚴(yán)格模式下，默認(rèn)指向全局對(duì)象。瀏覽器環(huán)境全局函數(shù)方法用于在指定的毫秒數(shù)后調(diào)用函數(shù)或計(jì)算表達(dá)式。它會(huì)不停地調(diào)用函數(shù)，指導(dǎo)被調(diào)用或者窗口被關(guān)閉。

1：基本概念

this字面意思是當(dāng)前，當(dāng)前執(zhí)行代碼的環(huán)境對(duì)象或者是上下文。代表著當(dāng)前方法執(zhí)行的環(huán)境上下文，那么何為環(huán)境上下文，通俗的說，誰調(diào)用了函數(shù)，誰就是這個(gè)函數(shù)的環(huán)境上下文。

在js中，this只有兩種指向，一種是指向當(dāng)前的封閉作用域，或者是指向當(dāng)前作用域的外層，this的最頂層就是window對(duì)象。

關(guān)于this必須要了解的是嚴(yán)格模式，嚴(yán)格模式是js里面的一個(gè)子集，是具有限制性JavaScript變體，嚴(yán)格模式也是js的一種，但是加了一些限制。

比如：

在嚴(yán)格模式下通過拋出錯(cuò)誤來消除了一些原有的靜默錯(cuò)誤(靜默錯(cuò)誤：語法有錯(cuò)誤但是js并沒有提示，默認(rèn)允許這個(gè)操作)。比如要取一個(gè)函數(shù)的傳入?yún)?shù)，在非嚴(yán)格模式下，可以直接拿到它的grument，但在嚴(yán)格模式下會(huì)拋出一個(gè)錯(cuò)誤。

嚴(yán)格模式修復(fù)了一些導(dǎo)致JavaScript引擎難以執(zhí)行優(yōu)化的缺陷

禁用了在ECMAScript的未來版本中可能會(huì)定義的一些語法

進(jìn)入"嚴(yán)格模式"的標(biāo)志："use strict";

    // 為整個(gè)腳本開啟嚴(yán)格模式 
    "use strict";
    var v = "Hi!  I"m a strict mode script!";
    
    // 為函數(shù)開啟嚴(yán)格模式 
    function strict() {
        "use strict";
        function nested() { 
            return "And so am I!"; 
        }
        return "Hi!  I"m a strict mode function!  " + nested();
    }
2：全局環(huán)境

在全局環(huán)境下，無論是否在嚴(yán)格模式下，在全局執(zhí)行環(huán)境下(任何函數(shù)體外部)this指向全局對(duì)象。也就是說在全局執(zhí)行環(huán)境，這個(gè)this永遠(yuǎn)指向全局對(duì)象，這個(gè)全局對(duì)象在瀏覽器中就是window。

    //瀏覽器環(huán)境
    var name = "Eric";
    console.log(window.name === this.name);  /* true */
    console.log(window === this);            /* true */
3：函數(shù)體內(nèi)部

在函數(shù)體內(nèi)部，this的值取決于函數(shù)被調(diào)用的方式。函數(shù)被調(diào)用的方式有很多種：

簡(jiǎn)單調(diào)用，也就是說沒有添加任何額外的操作，沒有添加一個(gè)this的綁定或者是改變。

簡(jiǎn)單調(diào)用分為嚴(yán)格模式與非嚴(yán)格模式。

在非嚴(yán)格模式下，this默認(rèn)指向全局對(duì)象。

  // 瀏覽器環(huán)境
  function simple(){
      return this;
  }
  console.log(simple() === window);
  // true

在嚴(yán)格模式下，保持進(jìn)入執(zhí)行環(huán)境時(shí)的值，沒有指定時(shí)默認(rèn)undefined。

  // 瀏覽器環(huán)境
  function simple2(){
      "use strict";
      return this;
  }
  simple2() === undefined;
  // true 
  window.simple2() === window;
  // true

this傳遞，在js中this綁定有兩種：

一種是call/apply，可以看作是一種，它們都是一個(gè)綁定this的立即執(zhí)行的一個(gè)方法，綁定之后會(huì)立即執(zhí)行這個(gè)函數(shù)，兩者的區(qū)別在于傳遞參數(shù)的不同，一個(gè)是傳一個(gè)參數(shù)，一個(gè)是傳一堆參數(shù)；call/apply實(shí)際上是綁定值的是一個(gè)對(duì)象，存在一個(gè)ToObject過程。call/apply是一個(gè)立即執(zhí)行的綁定this的一個(gè)操作。

  // 瀏覽器環(huán)境 
  var object = {
      name: "Eric"
  };
  var name = "Iven";
  function getName(arg) {
      return this.name;
  }
  
  getName(); /* Iven */
  getName.call(object); /* Eric */
  getName.apply(object); /* Eric */

另一種是bind，與上面不同的是bind不會(huì)立即執(zhí)行，它只是實(shí)現(xiàn)一個(gè)綁定的過程，返回的是一個(gè)柯里化的函數(shù)，這個(gè)柯里化的函數(shù)就是call/apply。bind只能被綁定一次。

  name = "Davy";
  function bindThis(){
      return this.name;
  }
  var getName1 = bindThis.bind({ name: "Eric" });
  console.log(getName1()); /* Eric */
  
  var getName2 = getName1.bind({ name: "Iven" });
  console.log(getName2()); /* Eric */

箭頭函數(shù)在執(zhí)行的時(shí)候會(huì)形成一個(gè)封閉的作用域，this與封閉作用域的this保持一致，call/apply/bind都將會(huì)被忽略。

// 瀏覽器環(huán)境 
var globalThis = this;
var arrowsFunction = () => this;
console.log(arrowsFunction() === globalObject); /* true */

作為對(duì)象的方法被調(diào)用(有一個(gè)靠近原則)：在對(duì)象里面定義了一個(gè)函數(shù)，然后通過對(duì)象去調(diào)用這個(gè)函數(shù)。

// 瀏覽器環(huán)境 
var object = {
    name: "Eric",

    getName: function() {
        return this.name;
    }
};
console.log(object.getName()); /* Eric */


function getName2() {
    return this.name;
}
object.getName = getName2;
console.log(object.getName()); /* Eric */


object.object = {
    getName: getName2,
    name: "Iven"
};
console.log(object.object.getName()); /* Iven */
4：全局函數(shù)

setTimeout

setInterval

alert

setInterval()方法用于在指定的毫秒數(shù)后調(diào)用函數(shù)或計(jì)算表達(dá)式。

語法：setTimeout(code，millisec)，參數(shù)code必需，要調(diào)用的函數(shù)后執(zhí)行的JavaScript代碼串；millisec必需，在執(zhí)行代碼前等待的毫秒數(shù)。

注意：setTimeout()只執(zhí)行code一次，如果需要多次調(diào)用，請(qǐng)使用setInterval()或者讓code自身再次調(diào)用setTimeout()，也就是利用遞歸。

setInterval()方法可按照指定的周期來調(diào)用函數(shù)或計(jì)算表達(dá)式。它會(huì)不停地調(diào)用函數(shù)，指導(dǎo)clearInterval()被調(diào)用或者窗口被關(guān)閉。由setInterval()返回的ID值可以用作clearInterval()方法的參數(shù)。

語法：setInterval(code，millisec[,"lang"])

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/105945.html

相關(guān)文章

  • JavaScript深入淺出

    摘要：理解的函數(shù)基礎(chǔ)要搞好深入淺出原型使用原型模型，雖然這經(jīng)常被當(dāng)作缺點(diǎn)提及，但是只要善于運(yùn)用，其實(shí)基于原型的繼承模型比傳統(tǒng)的類繼承還要強(qiáng)大。中文指南基本操作指南二繼續(xù)熟悉的幾對(duì)方法，包括，，。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán)，非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。 怎樣使用 this 因?yàn)楸救藢儆趥吻岸耍虼宋闹兄豢炊?8 成左右，希望能夠給大家?guī)韼椭?...（據(jù)說是阿里的前端妹子寫的） this 的值到底...

    blair 評(píng)論0 收藏0

  • 學(xué)習(xí)React之前你需要知道的的JavaScript基礎(chǔ)知識(shí)

    摘要：和類在開始時(shí)遇到類組件，只是需要有關(guān)類的基礎(chǔ)。畢竟，中的條件呈現(xiàn)僅再次顯示大多數(shù)是而不是特定的任何內(nèi)容。 在我的研討會(huì)期間，更多的材料是關(guān)于JavaScript而不是React。其中大部分歸結(jié)為JavaScript ES6以及功能和語法，但也包括三元運(yùn)算符，語言中的簡(jiǎn)寫版本，此對(duì)象，JavaScript內(nèi)置函數(shù)（map，reduce，filter）或更常識(shí)性的概念，如：可組合性，可重用...

    bitkylin 評(píng)論0 收藏0

  • JavaScript中的面向?qū)ο螅╫bject-oriented）編程

    摘要：對(duì)象在中，除了數(shù)字字符串布爾值這幾個(gè)簡(jiǎn)單類型外，其他的都是對(duì)象。那么在函數(shù)對(duì)象中，這兩個(gè)屬性的有什么區(qū)別呢表示該函數(shù)對(duì)象的原型表示使用來執(zhí)行該函數(shù)時(shí)這種函數(shù)一般成為構(gòu)造函數(shù)，后面會(huì)講解，新創(chuàng)建的對(duì)象的原型。這時(shí)的函數(shù)通常稱為構(gòu)造函數(shù)。。 本文原發(fā)于我的個(gè)人博客，經(jīng)多次修改后發(fā)到sf上。本文仍在不斷修改中，最新版請(qǐng)?jiān)L問個(gè)人博客。 最近工作一直在用nodejs做開發(fā)，有了nodejs，...

    JerryZou 評(píng)論0 收藏0

  • JavaScript進(jìn)階之’this‘

    摘要：所以相同點(diǎn)是，在全局范圍內(nèi)，全局變量終究是屬于老大的。只生效一次引入了。只生效一次在箭頭函數(shù)中，與封閉詞法環(huán)境的保持一致。我通常把這些原始函數(shù)叫做構(gòu)造函數(shù)。在里面你可以嵌套函數(shù)，也就是你可以在函數(shù)里面定義函數(shù)。 showImg(https://img-blog.csdnimg.cn/20190522000008399.jpg?x-oss-process=image/watermark,...

    shenhualong 評(píng)論0 收藏0

  • 理解 JavaScript 中的 this 關(guān)鍵字

    摘要：原文許多人被中的關(guān)鍵字給困擾住了，我想混亂的根源來自人們理所當(dāng)然地認(rèn)為中的應(yīng)該像中的或中的一樣工作。盡管有點(diǎn)難理解，但它的原理并不神秘。在瀏覽器中，全局對(duì)象是對(duì)象。運(yùn)算符創(chuàng)建一個(gè)新對(duì)象并且設(shè)置函數(shù)中的指向調(diào)用函數(shù)的新對(duì)象。 原文：Understanding the this keyword in JavaScript 許多人被JavaScript中的this關(guān)鍵字給困擾住了，我想混亂的...

    jayzou 評(píng)論0 收藏0

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

0條評(píng)論

閱讀需要支付1元查看
<