后 React 时代的前端：这一切没有想象的那么糟.pdf

“” REACT MODULE Before var square = require(‘./square.js); require([‘math’], function(math){…}); After import * as math from “lib/math; import {sum, pi} from lib/math; TEMPLATE Before “Hello ” + name + “!\n” + “how are you ” + time + “?” After `Hello ${name}! how are you ${time}?` OO Before After After class Rectangle { constructor (width, height) { this._width = width this._height = height } set height (height) { this._height = height } get height () { return this._height } get area (){ return this._width *this._height } } var r = new Rectangle(50, 20) r.area === 1000 AJAX Ancient function makeRequest(url) { httpRequest = new XMLHttpRequest(); if (!httpRequest) { alert(Giving up :( Cannot create an XMLHTTP instance); return false; } httpRequest.onreadystatechange = alertContents; httpRequest.open(GET, url); httpRequest.send(); } function alertContents() { if (httpRequest.readyState === XMLHttpRequest.DONE) { if (httpRequest.status === 200) { alert(httpRequest.responseText); } else { alert(There was a problem with the request.); } } Before ajax(data.json, (data) = { console.log(AJAX/data , JSON.parse(data)); // Getting users ajax(users.json, (users) = { conso