百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术文章 > 正文

JavaScript | 介绍以及简单运行

zhezhongyun 2024-12-01 19:23 43 浏览


上一期讲了下安装环境,这一期就打算讲讲怎么运行,哪里运行,输入输出等知识。

我简单的整理了下更新计划,可能后面还会更新不在这里面的,或者你觉得有补充需要更新的,欢迎随时来讲讲。

JavaScript(简称“JS”)是一种具有函数优先的轻量级,解释型或即时编译型的编程语言。虽然它是作为开发Web页面的脚本语言而出名,但是它也被用到了很多非浏览器环境中,JavaScript基于原型编程、多范式的动态脚本语言,并且支持面向对象、命令式、声明式、函数式编程范式。

JavaScript在1995年由Netscape公司的Brendan Eich,在网景导航者浏览器上首次设计实现而成。因为Netscape与Sun合作,Netscape管理层希望它外观看起来像Java,因此取名为JavaScript。但实际上它的语法风格与Self及Scheme较为接近。

JavaScript的标准是ECMAScript。截至2012年,所有浏览器都完整的支持ECMAScript 5.1,旧版本的浏览器至少支持ECMAScript 3标准。2015年6月17日,ECMA国际组织发布了ECMAScript的第六版,该版本正式名称为ECMAScript 2015,但通常被称为ECMAScript 6或者ES2015。

以上就是百度百科对JavaScript的解释,其实在我看来,他最初就是个脚本语言,用来在浏览器运行的,但是随着时间,他不仅仅在浏览器执行了。比如它可以在桌面端运行,可以在服务端运行,可以手机app运行。我们也可以用来做爬虫,做深度学习等等。简直太多了!!!他也是一个弱语言,不像Java等语言是强语言,需要类型约束啥的。当然,如果想用JavaScript强类型语言,那么可以直接使用TypeScript,这个是JavaScript的超集,简单理解就是为JavaScript做了类型约束了。

  • 我们通常开发编译的时候,基本上都是在上一期讲的vscode中运行编译的,里面各种计算呀,输入输出之类的。比如我们简单的举个栗子:

  • 我们也可以在浏览器执行,打开浏览器,按下F12打开控制台,或者按下FN+F12打开控制台,同样我们也是执行上面的栗子,可以看待error就是红色的,warn就是橙色的:

  • 我们可以执行prompt('请输入姓名!'),看看运行结果。

  • 我们也可以在输入框输入文字,然后确定,他就会打印出来我们输入的文字。

  • 同样我们可以执行alert('姓名:orange') ,可以看到弹出来了一个提示框,就是我们的内容。

  • 代码基本上都是一行一行写的,如果你很多逻辑代码放在一行,会报错,除非你在一个完整的逻辑后面加上分号;,注意,这个分号也是英文!!!!举个栗子:

// 推荐的正常写法const name = 'orange'console.log(name)// 写一行const name = 'orange';console.log(name)// 错误的写法,这个里面就是没有分号,代码认不出来的,就会报错const name = 'orange'console.log(name)

  • JavaScript执行是同步的,从上往下执行,什么是同步?同步就是一行一行代码执行,但是上一行代码执行的时间过长,不会影响下面的代码。当然也有异步,等待上一行代码执行完毕后在继续执行后面的代码,这个就后面再说。

  • 以上的代码我会上传至代码仓库。为了方便下载,没有基础的小白不清楚什么是git。就不放在GitHub或者gitee上面了。直接放在个人博客。

相关推荐

EU Said to Accept a 10% U.S. Universal Tariff while Seeking Exemptions for Key Sectors

TMTPOST--TheEuropeanUnionmaymakeconcessionstosecureexemptionsfromtariffsonkeysectors...

抖音品质建设 - iOS启动优化《实战篇》

前言启动是App给用户的第一印象,启动越慢,用户流失的概率就越高,良好的启动速度是用户体验不可缺少的一环。启动优化涉及到的知识点非常多,面也很广,一篇文章难以包含全部,所以拆分成两部分:原理和实战...

荷兰引进美国诗人阿曼达·戈尔曼诗作,因译者肤色遭抵制

记者|刘亚光阿曼达在拜登就职典礼上朗诵诗歌。图源:PatrickSemansky/AssociatedPress阿曼达·戈尔曼(AmandaGorman)出生于1998年,自小患有语言障碍,...

EU and U.S. Upbeat on Trade Deal Ahead of July Deadline

TMTPOST--TheEuropeanUnionandtheUnitedStatesseemupbeatontheirtradeagreementtoavoidtr...

“过期食品”英文怎么说?(过期食品)

在购买食品时,我们都会特别留意一下食物的保质期有多久,是否新鲜,以免买到过期的商品。TheafternoonteaspreadatThePeninsulaBoutiqueandCaf...

世界首富撩妹露骨短信遭曝光 网友评论亮了

原标题:世界首富如何撩妹?亚马逊创始人贝索斯给情妇的露骨短信曝光这周最大的一个瓜,可能就是亚马逊首席执行官杰夫·贝佐斯(JeffBezos)与妻子麦肯齐(MacKenzie)离婚的惊人消息。紧接...

征收熊孩子“尖叫费”不合理?店主回怼网友

爱尔兰一家很受欢迎的咖啡馆要收“孩童尖叫费”,网友们。。。爱尔兰一咖啡店店主5月4日在脸书发帖,表示要向带有吵闹孩童的顾客多收15%的额外费用,引发了大批网友的议论。原贴内容如下:图viaFaceb...

Rationality, objectivity and pragmatism win the day in Geneva to benefit of all

ApressbriefingisheldbytheChinesesidefollowingtheChina-UShigh-levelmeetingoneconomica...

Dify「模板转换」节点终极指南:动态文本生成进阶技巧(附代码)Jinja2引擎解析|6大应用场景实战

这篇文章是关于Dify「模板转换」节点的终极指南,解析了基于Jinja2模板引擎的动态文本生成技巧,涵盖多源文本整合、知识检索结构化、动态API构建及个性化内容生成等六大应用场景,助力开发者高效利用模...

微软 Edge 浏览器 96.0.4664.93 稳定版发布:修复大量安全问题

IT之家12月12日消息,据外媒mspoweruser消息,微软12月11日为Edge浏览器推出了96.0.4664.93稳定版。该版本没有增加新功能,而是修复了大量漏洞,...

HarmonyOS NEXT仓颉开发语言实战案例:健身App

各位好,今日分享一个健身app的首页:这个页面看起比之前的案例要稍微复杂一些,主要在于顶部部分,有重叠的背景,还有偏移的部分。重叠布局可以使用Stack容器实现,超出容器范围的偏移可以使用负数间距来实...

如果使用vue3.0实现一个modal,你会怎么设计?

这是个很好的问题!设计一个Vue3.0Modal时,我建议按照可复用、高扩展、简洁的原则来实现。下面我给你一个清晰的设计思路,涵盖组件拆分、使用方式以及Vue3中特性(如Telepor...

在进行APP切图的前,我们需要做什么?

切图是个技术活,小伙伴们千万不能忽视切图的重要性噢,前文介绍了设计的七大元素,那么我们现在来看看在切图之前,我们需要做什么呢?。1、和客户端的技术沟通好用不同的框架来实现的时候,图会有不一样的切法。...

独立开发问题记录-margin塌陷(独立提出历史问题)

一、概述往事如风,一周就过去了。上周在Figma里指点江山,这周在前端代码里卑微搬砖。回想上周,在Figma中排列组合,并且精确到1像素。每设计出一个页面,成就感就蹭蹭往上涨。没想到还没沾沾自喜多久,...

循序渐进Vue+Element 前端应用开发(8)—树列表组件的使用

在我前面随笔《循序渐进VUE+Element前端应用开发(6)---常规Element界面组件的使用》里面曾经介绍过一些常规的界面组件的处理,主要介绍到单文本输入框、多文本框、下拉列表,以及按钮...