轉載自水歌博客,方便學習,順便前排觀望大佬!

JavaScript 是一門原生支持函數式編程范式的、基于原型的面向對象語言，也是一門弱類型動態腳本語言

What’s this ?

JavaScript 函數的 this 是由函數調用者在調用前確定的 —— 繼承自 LISP 語言

用 ECMAScript 6 解釋如下：

調用方式調用者等效代碼

func(...params)	JS 引擎	func.apply(null, params)
obj.func(...params)	一個對象	func.apply(obj, params)
new func(...params)	new 運算符	func.apply(Object.setPrototypeOf({ }, func.prototype), params)
element.onclick = func	DOM 事件回調	func.call(element, event)

上述最后一種其實是運行時 API 級別的，與語言本身無關，用 JS 寫的公共庫需要回調函數時，也是庫內部調用時如上手動指定的。

閉包

通俗解釋：

孩子靠著自創資產和自己可掌控的父母遺產，繼續活下去

技術解釋：

局部作用域中創建的函數，若引用了其上級作用域中的變（常）量，又在上級作用域外有引用，上級作用域執行結束被銷毀時，此函數及其引用的數據形成一個不被銷毀的閉包。

—— 繼承自 LISP 語言

var closure = function () {const privateData = { };return {set: function (key, value) {privateData[key] = value;},get: function (key) {return privateData[key];}}; };closure.set('A', 1);console.log( closure.get('A') ); // 1 復制代碼

閉包在 ECMAScript 5 及更早的時代，常用于模擬塊級作用域、模塊作用域，在 ECMAScript 6 引入這兩種新局部作用域后，它們又成了形成閉包的上級作用域之一。

原型

基于原型的面向對象語言 可看作把 基于類的面向對象語言的運行時內部構造 開放了出來

類原型

對象的創建	由 class 的構造函數修飾 this	直接 new 一個函數作為構造函數
對象的繼承	只知其然，不知所以然	對象內部引用構造函數的原型對象，在引用對象未定義成員時，在原型上找同名成員
類的繼承	只知其然，不知所以然	Child.prototype = new Parent()
私有成員	只知其然，不知所以然	用局部作用域“對外不可訪問性”保存的私有 Symbol（運行時唯一值）命名對象成員

異步

異步函數先記下要做什么（傳入的參數、回調函數）并交給 JS 引擎所在運行時平臺的其它線程，然后立馬返回，讓 JS 自身線程繼續執行完后面的同步代碼，再按異步任務完成的順序，一一用相應結果數據調用回調函數。

所有的異步任務內部都基于回調函數實現：

function asyncFunc(callback) {setTimeout(callback, 1000); }asyncFunc(function () {console.log('See you later') }); 復制代碼

但需要回調函數的不一定是異步任務：

function syncFunc(callback) {console.log('See you ' + callback()); }syncFunc(function () {return 'now'; });復制代碼

轉載于:https://juejin.im/post/5c979679f265da61173a3c52

總結

以上是生活随笔為你收集整理的JavaScript —— this、闭包、原型、异步的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。