浣滆€咃細CharlesSzilagyi鍦ㄨ皟璇曞櫒涓噸鏂版墽琛屼唬鐮佸潡锛岀湅鐪嬪畠浠湪涓嶅悓鎯呭喌涓嬬殑琛ㄧ幇銆備慨鏀硅皟鐢ㄥ爢鏍堜笂鐨勫彉閲忓苟閲嶆柊鎵ц鍑芥暟鍙互涓烘偍鑺傜渷澶ч噺鏃堕棿锛乂SCode璋冭瘯鍏ㄦ敾鐣ョ郴鍒楃洰褰曞熀纭€閫愯璋冭瘯缂栬緫鍙橀噺鍜岄噸鏂版墽琛屽嚱鏁發aunch.json鍜孌ebugConsole鍩轰簬娴忚鍣ㄧ殑React搴旂敤璋冭瘯React浣跨敤TypeScript寮€鍙戝拰鎵撳寘馃摝鍦ㄤ箣鍓嶇殑鏂囩珷涓紝鎴戜滑宸茬粡浜嗚В浜嗗浣曞紑濮嬭皟璇曚竴涓畝鍗曠殑鏈嶅姟鍣ㄤ互鍙婂浣曢€愯鎵ц浠ｇ爜銆備粖澶╋紝鎴戜滑灏嗕粙缁嶄袱涓噸瑕佺殑鍔熻兘銆傜涓€涓槸濡備綍缂栬緫鍙橀噺锛岀浜屼釜鏄浣曢噸鏂版墽琛屽嚱鏁扳€斺€斿畬鍏ㄩ噸鏂板惎鍔ㄨ皟鐢ㄥ爢鏍堟鏋惰€屼笉閲嶆柊鍚姩璋冭瘯鍣ㄦ垨绋嬪簭銆傝繖浜涘姛鑳借櫧鐒朵笉鏄緢鐩磋锛屼絾鏄潪甯稿己澶э紝鍙互涓轰綘鑺傜渷寰堝鏃堕棿銆傛偍鍙互灏嗕笉鍚岀殑杈撳叆浼犻€掔粰娣辫棌鍦ㄨ皟鐢ㄥ爢鏍堜腑鐨勫嚱鏁帮紝鑰屾棤闇€鍦ㄩ噸鏂板惎鍔ㄧ▼搴忔椂绛夊緟婕暱鑰屼箯鍛崇殑杩囩▼銆傛垜浠潵鐪嬬湅鍦ㄥ墠闈㈢殑寰湇鍔″櫒浠ｇ爜涓浣曚娇鐢ㄨ繖涓ょ璋冭瘯鏂瑰紡銆傚噯澶囪灏嗕互涓嬩唬鐮佸鍒跺苟绮樿创鍒颁竴涓┖鏂囦欢涓細consthttp=require('http');consturl=require('url');consthostname='127.0.0.1';constport=3456;constserverUrl=`http://${hostname}:${port}`constgetNameFromReq=(req)=>{const{name}=url.parse(req.url,true).query;returnname}constgetGreeting=(name)=>{constgreeting=`Hello,${name}!`returngreeting}constserver=http.createServer((req,res)=>{constname=getNameFromReq(req)constgreeting=getGreeting(name)res.statusCode=200;res.setHeader('Content-Type','text/plain');res.end(`${greeting}\n`);});server.listen(port,hostname,()=>{console.log(`Serverrunningat${serverUrl}`);});浣犲ソ锛屾湭瀹氫箟锛佸湪鎴戜滑鐨勭帺鍏锋湇鍔″櫒鐨勮姹備腑鎬绘槸鏈変竴涓悕涓簄ame鐨勬煡璇㈠弬鏁般€傚鏋滄病鏈夊弬鏁帮紝鍝嶅簲灏嗘槸鈥淗ello,undefined!鈥?>curlhttp://127.0.0.1:3456Hello,undefined!璁╂垜浠娇鐢ㄨ皟璇曞櫒鏉ユ煡鐪媑etGreeting鍑芥暟鍦ㄤ笉鍚屽悕绉板弬鏁颁笅鐨勮涓烘柟寮忋€傛樉鐒朵慨澶嶈繖涓緢瀹规槗锛屼絾璁╂垜浠湅鐪嬫垜浠彲浠ュ湪璋冭瘯鍣ㄤ腑鍋氫粈涔堛€傪煠撳湪绗?5琛屾墦鏂偣骞跺懡涓病鏈夋煡璇㈠弬鏁板悕绉扮殑鏈嶅姟鍣紙渚嬪锛宑urlhttp://127.0.0.1:3456锛夈€傛偍搴旇鐪嬪埌璋冭瘯鍣ㄥ湪绗?5琛屽惎鍔ㄥ拰鍋滄銆傚鏋滄偍涓嶇‘瀹氬浣曟墽琛屾鎿嶄綔锛岃鍙傞槄鏈郴鍒楃殑绗?閮ㄥ垎锛屽熀纭€鐭ヨ瘑纭繚璋冭瘯渚ц竟鏍忎腑鐨勨€滃彉閲忊€濆拰鈥滆皟鐢ㄥ爢鏍堚€濋儴鍒嗛兘鏄墦寮€銆傜幇鍦ㄦ垜浠叧娉ㄦ湭瀹氫箟鐨勫眬閮ㄥ彉閲忓悕绉帮細鐒跺悗璺宠繃涓嬩竴琛?F10)骞惰瀵焔etGreeting鐨勮繑鍥炲€硷細濡傛灉鎮ㄩ渶瑕佸揩閫熶粙缁峴tepover銆乻tepinto鍜宻tepout锛岃闃呰鏈郴鍒楃殑绗?閮ㄥ垎锛氭楠よ鎴戜滑閫愯鍒嗘瀽锛岃繖骞朵笉濂囨€細濡傛灉name鏈畾涔夛紝闂€欒浼氳Hello,undefined锛?閲嶆柊鎵ц璇ュ嚱鏁拌鎴戜滑閲嶆柊杩愯瀹冿紝杩欐浣跨敤涓嶅悓鐨勫悕绉板€笺€傛垜浠笉闇€瑕佽Е鍙戝彟涓€涓姹傗€斺€旀垜浠彲浠ラ噸鏂板惎鍔ㄦ渶鍚庝竴涓爢鏍堝抚锛氭垜浠洖鍒颁簡getGreeting鍑芥暟鐨勫紑澶答煈岀幇鍦ㄨ瘯璇曞鏋渘ame涓簄ull浼氬彂鐢熶粈涔堬紵鎴戜滑鍙互缂栬緫灞€閮ㄥ彉閲忔潵娴嬭瘯锛氬皾璇曡缃竴涓瓧绗︿覆鍊?娉ㄦ剰灏嗗€兼斁鍦ㄥ紩鍙蜂腑锛氭偍鍙互瑕嗙洊浠讳綍鏈湴鎴栭棴鍖呬腑瀹氫箟鐨勫唴瀹癸紝鍖呮嫭浠ヤ笅鍑芥暟锛氳浣忥細瑕嗙洊鍑芥暟鍚庯紝蹇呴』閲嶆柊鍚姩澶勭悊杩斿洖鍒板師鏉ョ殑鎵ц銆傚氨鏄繖鏍凤細鎮ㄧ幇鍦ㄥ彲浠ュ湪璋冭瘯鍣ㄤ腑閲嶆柊鍚姩鍑芥暟锛屽苟缂栬緫鏈湴鍊煎拰闂寘鍊硷紝鍖呮嫭瀛楃涓插拰鍑芥暟銆備负浠€涔堜笉灏濊瘯涓€涓嬶紝鐪嬬湅濡傛灉閲嶆柊鍚姩鍫嗘爤涓殑楂橀樁鍑芥暟浼氬彂鐢熶粈涔堬紵
