闂傚倸鍊搁崐鎼佸磹閻戣姤鍤勯柤鍝ユ暩娴犳氨绱撻崒娆掑厡缂侇噮鍨跺畷褰掑礈娴g懓搴婂┑鐐村灦閻熝呭姬閳ь剟姊虹粙娆惧創濠殿喓鍊濋幆鍕敍閻愬弶鐎梺鐟板⒔缁垶寮查幖浣圭叆闁绘洖鍊圭€氾拷
MYSQL濠电姷鏁告慨鐑藉极閸涘﹥鍙忓ù鍏兼綑閸ㄥ倿鏌i幘宕囧哺闁哄鐗楃换娑㈠箣閻愨晜锛堝┑鐐叉▕娴滄繈寮查幓鎺濈唵閻犺櫣灏ㄦΛ姘舵煕閳哄啫浠辨慨濠冩そ濡啫鈽夊顒夋毇闂備胶鎳撻崲鏌ヮ敄婢跺﹦鏆︽い鏍仜瀹告繈鎮楀☉娆嬬細闁告﹩浜濈换婵嬪閿濆棛銆愰梺缁橆殔濡繂鐣峰┑鍡╂僵闁瑰吀绀佹禍楣冩⒒閸喓鈽夌紒銊ヮ煼閺岀喖宕欓妶鍡楊伓
SQL闂傚倸鍊搁崐宄懊归崶顒夋晪鐟滃秹婀侀梺缁樺灱濡嫰寮告笟鈧弻鐔兼⒒鐎靛壊妲梺绋胯閸斿酣骞夐幖浣告閻犳亽鍔嶅▓楣冩⒑濮瑰洤鐏╁鐟帮躬瀵偊宕堕浣哄幗濠殿喗顨呭Λ妤佺濠婂厾鐟扳堪閸垻鏆梺鍝勭焿缂嶄焦鎱ㄩ埀顒勬煏閸繃顥為梺娆惧弮閺岋綁濮€閳轰胶浠╅梺缁樼墪閵堢ǹ顕g拠娴嬫婵☆垶鏀遍悗璇测攽閻愬弶顥為柛鏃€娲熼、鏃堟晸閿燂拷
MYSQL闂傚倸鍊搁崐宄懊归崶顒夋晪鐟滃秹锝炲┑瀣櫇闁稿矉濡囩粙蹇旂節閵忥絾纭鹃柤娲诲灦瀵悂宕奸埗鈺佷壕妤犵偛鐏濋崝姘舵煙瀹勯偊鍎忛柕鍡樺笚缁绘繂顫濋鐘插箞闂佽绻掗崑娑欐櫠娴犲鐓″璺虹灱绾惧ジ鏌涢幘鑼槮濞寸娀浜堕弻锛勪沪閸撗勫垱婵犵绱曢崗姗€銆佸☉妯峰牚闁告侗鍠楅蹇涙⒒閸屾瑦绁版俊妞煎妿濞嗐垽濡舵径濠勵唵闂佽法鍣﹂幏锟�
闂傚倸鍊搁崐鎼佸磹閻戣姤鍤勯柤鍝ユ暩娴犳氨绱撻崒娆掑厡缂侇噮鍨跺畷褰掑礈娴g懓搴婂┑鐐村灦閻熝呭姬閳ь剟姊虹粙娆惧創濠殿喓鍊濋幆鍕敍閻愬弶鐎梺鐟板⒔缁垶寮查幖浣圭叆闁绘洖鍊圭€氾拷
闂傚倸鍊搁崐鎼佸磹妞嬪海鐭嗗〒姘e亾妤犵偞鐗犻、鏇㈡晜閽樺缃曢梻浣虹《閸撴繈鎮疯閹矂骞樼紒妯衡偓鍨箾閹寸儐浼嗛柟杈剧畱閻鐓崶銊р姇闁绘挾鍠栭弻锟犲礃閵娿儮鍋撻崫銉︽殰闁割偅娲橀埛鎺楁煕鐏炶鈧洟鎮橀敃鍌涚厸閻忕偟鍋撶粈鍐磼缂佹ḿ娲寸€规洖缍婇、娆撴偂楠烆喓鍊栫换婵堝枈濡搫鈷夐梺缁樻尨閳ь剛绻€缂傛氨鎲搁弬鍖¤€垮〒姘e亾婵﹨娅g槐鎺懳熼弴鐔风仼缂侇喖锕獮姗€顢欓懖鈺嬬幢闂備胶鎳撴晶鐣屽垝椤栫偛纾婚柛鏇ㄥ幘绾捐棄霉閿濆拋娼犳い蹇撶墱閺佸倿鏌嶆潪鎷岊唹闁衡偓娴犲鐓熼柟閭﹀墯閳绘洟鏌涢妶鍥ф瀻闁宠鍨块、娑樷槈濞嗗繐鏀俊銈囧Х閸嬫稓鎹㈠鈧顐﹀箻缂佹ɑ娅㈤梺璺ㄥ櫐閹凤拷
闂傚倸鍊搁崐鎼佸磹閻戣姤鍤勯柛顐f礀閸屻劎鎲搁弮鍫澪ラ柛鎰ㄦ櫆閸庣喖鏌曡箛瀣労婵炶尙枪閳规垿鎮╃拠褍浼愰柣搴㈠嚬閸欏啫鐣烽敐鍫㈢杸婵炴垶鐟ч崢鎾绘⒑閸涘﹦绠撻悗姘煎墴閸┾偓妞ゆ巻鍋撻柟鑺ョ矊閳诲酣濮€閵堝棗鈧兘鏌i幋鐐ㄧ細闁告﹢浜跺娲濞戣鲸鈻撻梺鎼炲妽婵炲﹪骞冩ィ鍐╃劶鐎广儱妫涢崢鍛婄箾鏉堝墽鍒版繝鈧柆宥嗗剹闁圭儤顨嗛悡娑㈡倶閻愰鍤欏┑鈥炽偢閺屽秹鎸婃径妯恍﹂柧浼欑秮閺屾盯鈥﹂幋婵囩彯婵炲鍘ч崯鏉戭潖缂佹ɑ濯村瀣凹鐟曞棛绱撻崒姘毙¢柤鍐插閸掓帗绻濆顒€鍞ㄩ悷婊勭矒瀹曠敻寮撮悢缈犵盎闂佸搫鍟崐鍛婄閸撗€鍋撶憴鍕妞わ富鍨舵俊鎾箳閹搭厽鍍甸梺缁樻尭濞撮攱绂掗銏$厸鐎广儰璁查崑鎾诲棘閵夛附鏉搁梻浣虹帛閸旀洖螣婵犲洤鍚归柣鏂跨殱閺€鑺ャ亜閺嶃劎鈯曢悘蹇ラ檮椤ㄣ儵鎮欓懠顒傤啋闂佽桨鐒﹂幑鍥极閹剧粯鏅搁柨鐕傛嫹
闂傚倸鍊搁崐宄懊归崶褏鏆﹂柛顭戝亝閸欏繒鈧娲栧ú锔藉垔婵傚憡鐓涢悘鐐额嚙閸旀岸鏌i妶鍥т壕缂佺粯鐩畷鍗炍熼搹閫涙偅缂傚倷璁查崑鎾斥攽閻樻彃鏆為柛娆忕箲娣囧﹪鎮欐0婵嗘婵炲瓨绮撶粻鏍ь潖閾忚瀚氶柍銉ョ-娴犫晠姊洪崫銉ユ瀾婵炲吋鐟╅幃楣冩倻閼恒儱浜滅紒鐐妞存悂寮查姀锛勭閺夊牆澧界粔顒併亜閺囩喓澧电€规洦鍨堕崺鈧い鎺戝閳锋帡鏌涚仦鍓ф噯闁稿繐鏈妵鍕閻欏懓鍚銈冨灪瀹€绋款嚕娴犲鏁囬柣鎰暩瀹曡埖绻濆閿嬫緲閳ь剚鍔欏畷鎴﹀箻濞n兛绨婚梺瀹犳〃闂勫秹宕戦姀鈶╁亾鐟欏嫭绀€闁靛牊鎮傞獮鍐閵忊€充粧闂佹枼鏅涢崯鐗堢濞嗘挻鈷戦悹鍥ㄧ叀椤庢绱掗悩鑼х€规洘娲樺ḿ蹇涘煘閹傚濠殿喗岣块崢褔鐛Δ鍐<閻庯綆浜跺Ο鈧繝娈垮枓閸嬫捇姊虹紒妯兼喛闁稿鎹囬弻锝夊棘閹稿寒妫﹂梺璇″枦椤骞忛崨顖滈┏閻庯綆鍋嗙粔鐑芥⒑鐠囨彃顒㈤柣鏃戝墴楠炲繘鏁撻敓锟�

TypeScript 简要介绍-js教程

首页 2024-07-12 11:06:27

许多通过 javascript 编程的人很容易爱上它的低入门门槛和多功能性。 javascript 在浏览器中运行时,不需要复杂的编译或工具,可以用记事本逐行编写解释。 javascript 允许各种背景的开发人员使用它并开始编码,从而实现软件开发的民主化。但由于 javascript 宽容性,犯错和犯错的机会也增加了。

考虑这个 javascript 程序:

function add(a, b) {
  return a   b;
}

console.log(add(1, 2)); // 3

这是一个简单的加法程序,旨在将两个数字相加,然后返回结果。当我们使用非数字值调用此函数时,可能会发生意外和不可预测的事情。

我们只想用数字来调用这个函数 - 否则就没有意义了 - 事实上,如果你向它传递的值不是数字,你最终会得到奇怪而不可预测的结果:

console.log(add(1, "2")); // 12
console.log(add(1, true)); // 2
console.log(add(1, "hello")); // 1hello

javascript 这是一种动态语言。这意味着我们存储在变量中的数据类型可以在运行过程中更改。这可能会使用 javascript 在代码中捕获我们的意图变得复杂 - 我们的 add 函数只能用数字来调用。

我们在这里看到的情况称为强制类型 - javascript 自动将值从一种数据类型转换为另一种数据类型。它可以通过使用函数和操作符显式发生,也可以在 javascript 特定类型的值需要在上下文中隐藏。隐藏的类型有时会导致意想不到的结果,特别是在复杂的表达式中。以下是一些案例:

console.log(1   "2"); // "12" (number 1 is converted to string)
console.log("2"   1); // "21" (number 1 is converted to string)

console.log("5" - 1); // 4 (string "5" is converted to number)
console.log("5" * "2"); // 10 (both strings are converted to numbers)

console.log(0 == false); // true (number 0 is converted to false)
console.log(0 === false); // false (no type coercion, different types)

让人困惑吧?!

在 javascript 在代码库中,我们能做的最好的事情就是在我们的程序中添加一些保护检查,如果提供了无效值,这些检查就会出错。只有通过检查这些操作来保护我们免受错误的影响,我们经常在用户发现错误的同时在代码中引入错误。那么,我们如何保护自己免受这种常常令人困惑的困惑呢? javascript 行为的影响呢?

typescript 来救援

typescript 通过明确我们所期望的类型,我们可以帮助我们描述代码的意图。 typescript 是 javascript 它为语言添加了额外的类型信息。当您编译 typescript 当它可以在任何地方运行时,它将生成 javascript,因此,在不重建所有软件的情况下,您可以轻松地逐步使用它来改善您的开发体验。

类型允许您在代码运行前捕获代码中的错误。如果您不小心将错误类型的值分配给变量,则会出现编译错误。类型也使您的代码更容易阅读,因为您可以清楚地解释您所期望的值类型。我们也可以使用工具来使类型更强大。代码编辑器和 ide 内置工具可以帮助您在正确使用类型时自动完成编写代码。

如何添加类型注释?

您可以在 typescript 添加类型注释的方法是在函数参数名称后面添加冒号 (:),跟踪所需的类型。如果我们想扩展以前的添加示例,将其转换为 typescript,它将如下所示:

function add(x: number, y: number) {
  return x   y;
}

console.log(add(1, 2)); // 3

这是我们可以更改代码以使其更强大的最简单的方法。现在编译器知道,任何试图使用除两个数字以外的任何内容 add() 代码在运行过程中会失败,所以它会在编译过程中抛出错误,告诉你你的程序无效。

例如,如果我们试图调用数字和字符串 add,我们将收到编译错误:

typescript 足够智能,我们可以根据您提供的信息为您计算程序中的某些类型,我们称之为“类型推断”。如果我们使用上述示例并扩展它,添加我们可以添加的所有类型的注释,它看起来像这样:

function add(x: number, y: number): number {
  return x   y;
}

const result: number = add(1, 1);
console.log(result);

在这里,我们显式地添加函数参数,add 函数的返回类型和变量 result 的注释。作为一般规则,开发人员添加“足够”的类型注释来告诉他们 typescript 编译器发生了什么,让它推断其余的事情。在我们最初的例子中,通过方向 x 和 y 参数添加类型注释,typescript 编译器可以检查代码,并意识到我们只添加了两个数字,因此可以推断函数返回类型和变量结果类型。

即使你只用它 typescript 注释函数参数,您也会立即从代码中删除整个类别的错误。

将 typescript 转回 javascript

假如使用了你的项目 node 需要添加构造 typescript 包并运行 tsc 编译工具。我们写了一篇关于配置的文章 typescript 介绍编译器。

deno 内置了 typescript 所以如果你使用编译器, deno,不需要任何其他配置或工具。 deno 开箱即用地支持 typescript,当我们执行源代码时,它将自动执行 typescript 转换为 javascript。

您可以在客户端使用它 vite,我们最喜欢的工具是为您做类似的透明编译,所以如果您是前端开发人员,您仍然可以在代码中获得它 typescript 的乐趣。

接下来

在下一篇 deno bite 我们将在中间讨论 ts 代码所需的常见类型,以及如何使用它们来构建更复杂的类型,从而使您的代码清晰无误!

你希望我能介绍一下 typescript 任何主题?请评论,twitter 或 discord 上告诉我!

以上是TypeScriptt 详细介绍,更多请关注其他相关文章!


p
SEO闂傚倸鍊风粈浣虹礊婵犲倴缂氱憸蹇曟閻愬绡€闁搞儜鍥紬婵犵數鍋涘Ο濠冪濠婂牊瀚呴柣鏂垮悑閻撱儵鏌i弴鐐测偓鍦偓姘炬嫹
闂傚倸鍊风粈渚€骞栭锔藉亱闁糕剝鐟ч惌鎾绘倵濞戞鎴﹀矗韫囨稒鐓熼柡鍐ㄥ€哥敮鍫曟⒒閸屻倕鐏﹂柡灞炬礃缁绘稖顦查柡鍫墴瀹曠娀鎮╃紒妯锋嫼濠电偠灏欑划顖滄濞戙垺鐓欓柛鎴欏€栫€氾拷
闂傚倷绀侀幖顐λ囬锕€鐤炬繝濠傛噹閸ㄦ繈骞栧ǎ顒€濡奸柣鎾寸箓閳规垿宕掑┃鎾虫贡閳ь剚鑹鹃ˇ閬嶅焵椤掆偓缁犲秹宕曢柆宥呯疇閹兼惌鐓夌紞鏍煏閸繍妲归柣鎾存礋閺屻劌鈹戦崱妤佹婵犵鍓濋幃鍌炲蓟瀹ュ牜妾ㄩ梺绋跨箲缁嬫垿婀侀梺鎼炲劗閺呮粌鐣烽崣澶岀闁糕剝锚閻忊晠鏌i鐔烘噧闁宠鍨块、娑樜旈埀顒佺缂嶇寗闂備浇顕у锕傦綖婢舵劕绠栭柛顐f礀绾惧潡姊洪鈧粔鎾儗濡ゅ懏鐓ラ柣鏇炲€圭€氾拷
濠电姷鏁搁崑鐐哄垂閸洖绠伴柟缁㈠枛绾惧鏌熼崜褏甯涢柍閿嬪灦缁绘盯宕卞Ο鍝勫Б闂佸搫顑嗛悷鈺呭蓟閻斿摜鐟归柛顭戝枛椤洭鎮楀▓鍨灁闁告柨楠搁埥澶愭偨缁嬪灝绐涘銈嗙墬缁娀宕畝鈧槐鎾诲磼濞嗘埈妲銈嗗灥閹虫﹢銆侀弽顓炵倞妞ゆ帒顦伴弲婊冾渻閵堝棗绗掗悗姘煎墴閹苯螖閸涱喚鍙嗛梺缁樻礀閸婂湱鈧熬鎷�
C闂傚倸鍊烽懗鍫曞磿閻㈢ǹ鐤炬繝濠傚暟楠炴捇鏌涜椤ㄥ懘宕归崒鐐茬閺夊牆澧介幃鍏间繆椤愵偄鐏¢柕鍥у椤㈡洟顢曢姀锛勪壕缂傚倷璁查崑鎾愁熆鐠轰警鍎戠紒鐘荤畺閺岀喖骞戦幇顓犲涧闂侀潻绲肩划娆撳蓟閻旂⒈鏁婄痪顓炲槻娴兼劕顪冮妶鍡樼叆缂佺粯蓱娣囧﹪鎮滈挊澹┿劑鏌曟径鍫濆姢婵☆垽鎷�

最新文章

  • 高效3389端口溢出检测,安全守护必备利器!

  • TypeScript 简要介绍-js教程

  • 破解限制,飞碟奥秘任你复制粘贴!

  • JavaScript 短路情况:三元运算符 ES6-js教程

  • css 盒子模型是网页设计和开发的基本概念,对于理解如何显示元素以及如何在网页上互动至关重要。本文将进一步介绍 css 盒子模型,解释其组件以及如何操作它们来创建视觉吸引力和响应布局。

    什么是 css 盒子模型?

    css 盒子模型是描述网页元素结构和呈现方式的概念框架。它由四个部分组成:内容、内边距、边框和边距。每个组件在元素的整体外观和间距中起着至关重要的作用。

    盒子模型的四个组成部分
    • 内容框:这是显示实际内容(如文本或图像)的框架的最内部。这个盒子的宽度和高度可以使用 width 和 height 控制属性。