this全解js

来源:https://www.cnblogs.com/gaoht/archive/2019/04/12/10694967.html
-Advertisement-
Play Games

this關鍵字是JavaScript中最複雜的機制之一，是一個特別的關鍵字，被自動定義在所有函數的作用域中，但是相信很多JavaScript開發者並不是非常清楚它究竟指向的是什麼。聽說你很懂this,是真的嗎？ 請先回答第一個問題：如何準確判斷this指向的是什麼？【面試的高頻問題】 ——————— ...


this關鍵字是JavaScript中最複雜的機制之一，是一個特別的關鍵字，被自動定義在所有函數的作用域中，但是相信很多JavaScript開發者並不是非常清楚它究竟指向的是什麼。聽說你很懂this,是真的嗎？

請先回答第一個問題：如何準確判斷this指向的是什麼？【面試的高頻問題】

——————————————————————————————————————————————
【圖片來源於網路，侵刪】

再看一道題，控制台列印出來的值是什麼？【瀏覽器運行環境】

var number = 5;
var obj = {
    number: 3,
    fn1: (function () {
        var number;
        this.number *= 2;
        number = number * 2;
        number = 3;
        return function () {
            var num = this.number;
            this.number *= 2;
            console.log(num);
            number *= 3;
            console.log(number);
        }
    })()
}
var fn1 = obj.fn1;
fn1.call(null);
obj.fn1();
console.log(window.number);

如果你思考出來的結果，與在瀏覽中執行結果相同，並且每一步的依據都非常清楚，那麼，你可以選擇繼續往下閱讀，或者關閉本網頁，愉快得去玩耍。如果你有一部分是靠蒙的，或者對自己的答案並不那麼確定，那麼請繼續往下閱讀。

畢竟花一兩個小時的時間，把this徹底搞明白，是一件很值得事情，不是嗎？

本文將細緻得講解this的綁定規則，併在最後剖析前文兩道題。

為什麼要學習this?

首先，我們為什麼要學習this？

  1. this使用頻率很高，如果我們不懂this，那麼在看別人的代碼或者是源碼的時候，就會很吃力。
  2. 工作中，濫用this，卻沒明白this指向的是什麼，而導致出現問題，但是自己卻不知道哪裡出問題了。【在公司，我至少幫10個以上的開發人員處理過這個問題】
  3. 合理的使用this，可以讓我們寫出簡潔且復用性高的代碼。
  4. 面試的高頻問題，回答不好，抱歉，出門右拐，不送。

不管出於什麼目的，我們都需要把this這個知識點整的明明白白的。

OK，Let's go!

this是什麼？

言歸正傳，this是什麼？首先記住this不是指向自身！this 就是一個指針，指向調用函數的對象。這句話我們都知道，但是很多時候，我們未必能夠準確判斷出this究竟指向的是什麼？這就好像我們聽過很多道理 卻依然過不好這一生。今天咱們不探討如何過好一生的問題，但是呢，希望閱讀完下麵的內容之後，你能夠一眼就看出this指向的是什麼。

為了能夠一眼看出this指向的是什麼，我們首先需要知道this的綁定規則有哪些？

  1. 預設綁定
  2. 隱式綁定
  3. 硬綁定
  4. new綁定

上面的名詞，你也許聽過，也許沒聽過，但是今天之後，請牢牢記住。我們將依次來進行解析。

預設綁定

預設綁定，在不能應用其它綁定規則時使用的預設規則，通常是獨立函數調用。

function sayHi(){
    console.log('Hello,', this.name);
}
var name = 'YvetteLau';
sayHi();

在調用Hi()時，應用了預設綁定，this指向全局對象（非嚴格模式下），嚴格模式下，this指向undefined，undefined上沒有this對象，會拋出錯誤。

上面的代碼，如果在瀏覽器環境中運行，那麼結果就是 Hello,YvetteLau

但是如果在node環境中運行，結果就是 Hello,undefined.這是因為node中name並不是掛在全局對象上的。

本文中，如不特殊說明，預設為瀏覽器環境執行結果。

隱式綁定

函數的調用是在某個對象上觸發的，即調用位置上存在上下文對象。典型的形式為 XXX.fun().我們來看一段代碼：

function sayHi(){
    console.log('Hello,', this.name);
}
var person = {
    name: 'YvetteLau',
    sayHi: sayHi
}
var name = 'Wiliam';
person.sayHi();

列印的結果是 Hello,YvetteLau.

sayHi函數聲明在外部，嚴格來說並不屬於person，但是在調用sayHi時,調用位置會使用person的上下文來引用函數，隱式綁定會把函數調用中的this(即此例sayHi函數中的this)綁定到這個上下文對象（即此例中的person）

需要註意的是：對象屬性鏈中只有最後一層會影響到調用位置。

function sayHi(){
    console.log('Hello,', this.name);
}
var person2 = {
    name: 'Christina',
    sayHi: sayHi
}
var person1 = {
    name: 'YvetteLau',
    friend: person2
}
person1.friend.sayHi();

結果是：Hello, Christina.

因為只有最後一層會確定this指向的是什麼，不管有多少層，在判斷this的時候，我們只關註最後一層，即此處的friend。

隱式綁定有一個大陷阱，綁定很容易丟失(或者說容易給我們造成誤導，我們以為this指向的是什麼，但是實際上並非如此).

function sayHi(){
    console.log('Hello,', this.name);
}
var person = {
    name: 'YvetteLau',
    sayHi: sayHi
}
var name = 'Wiliam';
var Hi = person.sayHi;
Hi();

結果是: Hello,Wiliam.

這是為什麼呢，Hi直接指向了sayHi的引用，在調用的時候，跟person沒有半毛錢的關係，針對此類問題，我建議大家只需牢牢繼續這個格式:XXX.fn();fn()前如果什麼都沒有，那麼肯定不是隱式綁定，但是也不一定就是預設綁定，這裡有點小疑問，我們後來會說到。

除了上面這種丟失之外，隱式綁定的丟失是發生在回調函數中(事件回調也是其中一種)，我們來看下麵一個例子:

function sayHi(){
    console.log('Hello,', this.name);
}
var person1 = {
    name: 'YvetteLau',
    sayHi: function(){
        setTimeout(function(){
            console.log('Hello,',this.name);
        })
    }
}
var person2 = {
    name: 'Christina',
    sayHi: sayHi
}
var name='Wiliam';
person1.sayHi();
setTimeout(person2.sayHi,100);
setTimeout(function(){
    person2.sayHi();
},200);

結果為:

Hello, Wiliam
Hello, Wiliam
Hello, Christina

  • 第一條輸出很容易理解，setTimeout的回調函數中，this使用的是預設綁定，非嚴格模式下，執行的是全局對象

  • 第二條輸出是不是有點迷惑了？說好XXX.fun()的時候，fun中的this指向的是XXX呢，為什麼這次卻不是這樣了！Why?

    其實這裡我們可以這樣理解: setTimeout(fn,delay){ fn(); },相當於是將person2.sayHi賦值給了一個變數，最後執行了變數，這個時候，sayHi中的this顯然和person2就沒有關係了。

  • 第三條雖然也是在setTimeout的回調中，但是我們可以看出，這是執行的是person2.sayHi()使用的是隱式綁定，因此這是this指向的是person2，跟當前的作用域沒有任何關係。

讀到這裡，也許你已經有點疲倦了，但是答應我，別放棄，好嗎？再堅持一下，就可以掌握這個知識點了。

顯式綁定

顯式綁定比較好理解，就是通過call,apply,bind的方式，顯式的指定this所指向的對象。(註意:《你不知道的Javascript》中將bind單獨作為了硬綁定講解了)

call,apply和bind的第一個參數，就是對應函數的this所指向的對象。call和apply的作用一樣，只是傳參方式不同。call和apply都會執行對應的函數，而bind方法不會。

function sayHi(){
    console.log('Hello,', this.name);
}
var person = {
    name: 'YvetteLau',
    sayHi: sayHi
}
var name = 'Wiliam';
var Hi = person.sayHi;
Hi.call(person); //Hi.apply(person)

輸出的結果為: Hello, YvetteLau. 因為使用硬綁定明確將this綁定在了person上。

那麼，使用了硬綁定，是不是意味著不會出現隱式綁定所遇到的綁定丟失呢？顯然不是這樣的，不信，繼續往下看。

function sayHi(){
    console.log('Hello,', this.name);
}
var person = {
    name: 'YvetteLau',
    sayHi: sayHi
}
var name = 'Wiliam';
var Hi = function(fn) {
    fn();
}
Hi.call(person, person.sayHi);

輸出的結果是 Hello, Wiliam. 原因很簡單，Hi.call(person, person.sayHi)的確是將this綁定到Hi中的this了。但是在執行fn的時候，相當於直接調用了sayHi方法(記住: person.sayHi已經被賦值給fn了，隱式綁定也丟了)，沒有指定this的值，對應的是預設綁定。

現在，我們希望綁定不會丟失，要怎麼做？很簡單，調用fn的時候，也給它硬綁定。

function sayHi(){
    console.log('Hello,', this.name);
}
var person = {
    name: 'YvetteLau',
    sayHi: sayHi
}
var name = 'Wiliam';
var Hi = function(fn) {
    fn.call(this);
}
Hi.call(person, person.sayHi);

此時，輸出的結果為: Hello, YvetteLau，因為person被綁定到Hi函數中的this上，fn又將這個對象綁定給了sayHi的函數。這時，sayHi中的this指向的就是person對象。

至此，革命已經快勝利了，我們來看最後一種綁定規則: new 綁定。

new 綁定

javaScript和Ｃ＋＋不一樣，並沒有類，在javaScript中，構造函數只是使用new操作符時被調用的函數，這些函數和普通的函數並沒有什麼不同，它不屬於某個類，也不可能實例化出一個類。任何一個函數都可以使用new來調用，因此其實並不存在構造函數，而只有對於函數的“構造調用”。

使用new來調用函數，會自動執行下麵的操作：

  1. 創建一個新對象
  2. 將構造函數的作用域賦值給新對象，即this指向這個新對象
  3. 執行構造函數中的代碼
  4. 返回新對象

因此，我們使用new來調用函數的時候，就會新對象綁定到這個函數的this上。

function sayHi(name){
    this.name = name;
	
}
var Hi = new sayHi('Yevtte');
console.log('Hello,', Hi.name);

輸出結果為 Hello, Yevtte, 原因是因為在var Hi = new sayHi('Yevtte');這一步，會將sayHi中的this綁定到Hi對象上。

綁定優先順序

我們知道了this有四種綁定規則，但是如果同時應用了多種規則，怎麼辦？

顯然，我們需要瞭解哪一種綁定方式的優先順序更高，這四種綁定的優先順序為:

new綁定 > 顯式綁定 > 隱式綁定 > 預設綁定

這個規則時如何得到的，大家如果有興趣，可以自己寫個demo去測試，或者記住上面的結論即可。

綁定例外

凡事都有例外，this的規則也是這樣。

如果我們將null或者是undefined作為this的綁定對象傳入call、apply或者是bind,這些值在調用時會被忽略，實際應用的是預設綁定規則。

function sayHi(){
    console.log('Hello,', this.name);
}
var person = {
    name: 'YvetteLau',
    sayHi: sayHi
}
var name = 'Wiliam';
var Hi = function(fn) {
    fn();
}
Hi.call(null, person.sayHi);

輸出的結果是 Hello, Wiliam，因為這時實際應用的是預設綁定規則。

箭頭函數

箭頭函數是ES6中新增的，它和普通函數有一些區別，箭頭函數沒有自己的this，它的this繼承於外層代碼庫中的this。箭頭函數在使用時，需要註意以下幾點:

（1）函數體內的this對象，繼承的是外層代碼塊的this。

（2）不可以當作構造函數，也就是說，不可以使用new命令，否則會拋出一個錯誤。

（3）不可以使用arguments對象，該對象在函數體內不存在。如果要用，可以用 rest 參數代替。

（4）不可以使用yield命令，因此箭頭函數不能用作 Generator 函數。

（5）箭頭函數沒有自己的this，所以不能用call()、apply()、bind()這些方法去改變this的指向.

OK，我們來看看箭頭函數的this是什麼？

var obj = {
    hi: function(){
        console.log(this);
        return ()=>{
            console.log(this);
        }
    },
    sayHi: function(){
        return function() {
            console.log(this);
            return ()=>{
                console.log(this);
            }
        }
    },
    say: ()=>{
        console.log(this);
    }
}
let hi = obj.hi();  //輸出obj對象
hi();               //輸出obj對象
let sayHi = obj.sayHi();
let fun1 = sayHi(); //輸出window
fun1();             //輸出window
obj.say();          //輸出window

那麼這是為什麼呢？如果大家說箭頭函數中的this是定義時所在的對象，這樣的結果顯示不是大家預期的，按照這個定義，say中的this應該是obj才對。

我們來分析一下上面的執行結果：

  1. obj.hi(); 對應了this的隱式綁定規則，this綁定在obj上，所以輸出obj，很好理解。
  2. hi(); 這一步執行的就是箭頭函數，箭頭函數繼承上一個代碼庫的this，剛剛我們得出上一層的this是obj，顯然這裡的this就是obj.
  3. 執行sayHi();這一步也很好理解，我們前面說過這種隱式綁定丟失的情況，這個時候this執行的是預設綁定，this指向的是全局對象window.
  4. fun1(); 這一步執行的是箭頭函數，如果按照之前的理解，this指向的是箭頭函數定義時所在的對象，那麼這兒顯然是說不通。OK，按照箭頭函數的this是繼承於外層代碼庫的this就很好理解了。外層代碼庫我們剛剛分析了，this指向的是window，因此這兒的輸出結果是window.
  5. obj.say(); 執行的是箭頭函數，當前的代碼塊obj中是不存在this的，只能往上找，就找到了全局的this，指向的是window.

你說箭頭函數的this是靜態的？

依舊是前面的代碼。我們來看看箭頭函數中的this真的是靜態的嗎？

我要說：非也

var obj = {
    hi: function(){
        console.log(this);
        return ()=>{
            console.log(this);
        }
    },
    sayHi: function(){
        return function() {
            console.log(this);
            return ()=>{
                console.log(this);
            }
        }
    },
    say: ()=>{
        console.log(this);
    }
}
let sayHi = obj.sayHi();
let fun1 = sayHi(); //輸出window
fun1();             //輸出window

let fun2 = sayHi.bind(obj)();//輸出obj
fun2();                      //輸出obj

可以看出，fun1和fun2對應的是同樣的箭頭函數，但是this的輸出結果是不一樣的。

所以，請大家牢牢記住一點: 箭頭函數沒有自己的this，箭頭函數中的this繼承於外層代碼庫中的this.

總結

關於this的規則，至此，就告一段落了，但是想要一眼就能看出this所綁定的對象，還需要不斷的訓練。

我們來回顧一下，最初的問題。

1. 如何準確判斷this指向的是什麼？

  1. 函數是否在new中調用(new綁定)，如果是，那麼this綁定的是新創建的對象。
  2. 函數是否通過call,apply調用，或者使用了bind(即硬綁定)，如果是，那麼this綁定的就是指定的對象。
  3. 函數是否在某個上下文對象中調用(隱式綁定)，如果是的話，this綁定的是那個上下文對象。一般是obj.foo()
  4. 如果以上都不是，那麼使用預設綁定。如果在嚴格模式下，則綁定到undefined，否則綁定到全局對象。
  5. 如果把Null或者undefined作為this的綁定對象傳入call、apply或者bind，這些值在調用時會被忽略，實際應用的是預設綁定規則。
  6. 如果是箭頭函數，箭頭函數的this繼承的是外層代碼塊的this。

2. 執行過程解析

var number = 5;
var obj = {
    number: 3,
    fn: (function () {
        var number;
        this.number *= 2;
        number = number * 2;
        number = 3;
        return function () {
            var num = this.number;
            this.number *= 2;
            console.log(num);
            number *= 3;
            console.log(number);
        }
    })()
}
var myFun = obj.fn;
myFun.call(null);
obj.fn();
console.log(window.number);

我們來分析一下，這段代碼的執行過程。

  1. 在定義obj的時候，fn對應的閉包就執行了，返回其中的函數，執行閉包中代碼時，顯然應用不了new綁定(沒有出現new 關鍵字)，硬綁定也沒有(沒有出現call,apply,bind關鍵字),隱式綁定有沒有？很顯然沒有，如果沒有XX.fn()，那麼可以肯定沒有應用隱式綁定，所以這裡應用的就是預設綁定了，非嚴格模式下this綁定到了window上(瀏覽器執行環境)。【這裡很容易被迷惑的就是以為this指向的是obj，一定要註意，除非是箭頭函數，否則this跟詞法作用域是兩回事，一定要牢記在心】
window.number * = 2; //window.number的值是10(var number定義的全局變數是掛在window上的)

number = number * 2; //number的值是NaN;註意我們這邊定義了一個number，但是沒有賦值，number的值是undefined;Number(undefined)->NaN

number = 3;  //number的值為3
  1. myFun.call(null);我們前面說了，call的第一個參數傳null，調用的是預設綁定;
fn: function(){
    var num = this.number;
    this.number *= 2;
    console.log(num);
    number *= 3;
    console.log(number);
}

執行時:

var num = this.number; //num=10; 此時this指向的是window
this.number * = 2;  //window.number = 20
console.log(num);  //輸出結果為10
number *= 3;  //number=9; 這個number對應的閉包中的number;閉包中的number的是3
console.log(number);  //輸出的結果是9
  1. obj.fn();應用了隱式綁定，fn中的this對應的是obj.
var num = this.number;//num = 3;此時this指向的是obj
this.number *= 2; //obj.number = 6;
console.log(num); //輸出結果為3;
number *= 3; //number=27;這個number對應的閉包中的number;閉包中的number的此時是9
console.log(number);//輸出的結果是27
  1. 最後一步console.log(window.number);輸出的結果是20

因此組中結果為:

10
9
3
27
20

嚴格模式下結果，大家根據今天所學，自己分析，鞏固一下知識點。

最後，恭喜堅持讀完的小伙伴們，你們成功get到了this這個知識點，但是想要完全掌握，還是要多回顧和練習。如果你有不錯的this練習題，歡迎在評論區留言哦，大家一起進步！


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 實現一個自定義event事件，包括on ,off,trigger,once
    on監聽事件，off取消事件 ，trigger觸發事件，once只執行一次 測試腳本 或者可以使用上一章節的內容進行測試https://www.cnblogs.com/yinping/p/10697083.html 在function函數添加監聽函數 同時在move，start中添加觸發函數 ...
  • 實現一個div的拖拽效果
    實現思路： 滑鼠按下開始拖拽 記錄摁下滑鼠時的滑鼠位置以及元素位置 拖動滑鼠記下當前滑鼠的位置 滑鼠當前位置-摁下時滑鼠位置= 滑鼠移動距離 元素位置= 滑鼠移動距離+滑鼠摁下時元素的位置 class Drag { //構造函數 constructor(el) { this.el = el; //鼠 ...
  • 前端頁面總結
    以下內容部分轉載自菜鳥教程 CSS層疊樣式表(Cascading Style Sheets) 內聯： 內嵌： 外部樣式文件： rel 屬性，規定當前文檔與被鏈接文檔/資源之間的關係。 優先順序： 內聯>內嵌>外部樣式文件 CSS選擇器 元素選擇器 類選擇器 ID選擇器 設置全局樣式 body{ ... ...
  • 9個設計師常用的高清圖庫 不敢配圖？ 這9個免版權圖庫牢記心中！
    一.pexels 提供大量高清尺寸，品質優良的攝影圖片，所有圖片都可以免費商用。網址：www.pexels.com 最好的免費圖片在一個叫pexels的地方，Pexels是使用的高質量照片庫的平臺。Pexels可以幫助設計師，博主和所有正在尋找圖像的人們找到可以在任何地方免費使用的精美照片。這意味著 ...
  • 原生模態框,遮罩層
    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-e ...
  • 前端筆記知識點整合之移動端&響應式（下）預設樣式&事件&慣性拋擲&swiper&loaction對象
    一、移動端預設樣式 ·IOS和Android下觸摸元素時出現半透明灰色遮罩 ·IOS按鈕圓角的問題 ·上下拉動滾動條時卡頓、慢 ·禁止複製、選中文本 ·旋轉屏幕時，字體大小調整的問題 二、移動端事件 2.1 基本使用 PC端事件仍然可以在移動端使用不過會存在一些問題，一會我們來闡述。 那麼移動端也有 ...
  • No repeats please 全排列
    把一個字元串中的字元重新排列生成新的字元串，返回新生成的字元串里沒有連續重覆字元的字元串個數.連續重覆只以單個字元為準 例如, aab 應該返回 2 因為它總共有6中排列 (aab, aab, aba, aba, baa, baa), 但是只有兩個 (aba and aba)沒有連續重覆的字元 (在 ...
  • transition-timing-function 屬性
    以相同的速度從開始到結束的過渡效果： Internet Explorer 10、Firefox、Opera 和 Chrome 支持 transition-timing-function 屬性。 Safari 支持替代的 -webkit-transition-timing-function 屬性。 註 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發（一）：使用.NET MAUI開發第一個安卓APP
    移動開發（一）：使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說，近來想嘗試開發一款安卓APP，考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP，畢竟是使用Visual Studio開發工具，使用起來也比較的順手，結合微軟官方的教程進行了安卓 ...
  • wpf ToggleButton選中效果和一個登錄界面
    前言 QuestPDF 是一個開源 .NET 庫，用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫，它徹底改變了我們生成 PDF 文檔的方 ...
  • 彈幕樹洞項目功能新增篇
    項目地址 項目後端地址： https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址： ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址： http://tree ...
  • 第27篇 sqlserver2022詳細安裝步驟
    話不多說，直接開乾 一.下載 1.官方鏈接下載： https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe，運行開始下載SQL server； 二. ...
  • .NET 開源高性能 MQTT 類庫
    前言 隨著物聯網（IoT）技術的迅猛發展，MQTT（消息隊列遙測傳輸）協議憑藉其輕量級和高效性，已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫，為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog文檔翻譯系列（六） - 可用的接收器、增強器、格式化輸出
    Serilog支持多種接收器用於日誌存儲，增強器用於添加屬性，LogContext管理動態屬性，支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項，適用於不同需求。 ...
  • 警惕 Visual Studio 屬性求值副作用導致邏輯不符合預期
    目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據，爬取信息時需要模擬瀏覽器行為，否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下： 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • [使用目前最新版]HybridCLR6.9.0+YooAsset2.2.4實現純C# Unity熱更新方案 (一)
    1.前言 什麼是熱更新 游戲或者軟體更新時，無需重新下載客戶端進行安裝，而是在應用程式啟動的情況下，在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR，Xlua，ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles，Addressable， ...
  • 在 ASP.NET Core Web API 中使用操作篩選器統一處理通用操作
    本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺，其實像阿裡雲，騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後，它會送 ...
  • 第28篇 如何.net中實現高效可靠數據同步api
    通過以下方式可以高效，並保證數據同步的可靠性 1.API設計 使用RESTful設計，確保API端點明確，並使用適當的HTTP方法（如POST用於創建，PUT用於更新）。 設計清晰的請求和響應模型，以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證，確保接收到的數據符合預期格 ...
所有分類