Web前端开发知识点之JavaScript的介绍与语法

JavaScript014

Web前端开发知识点之JavaScript的介绍与语法,第1张

今天小编要跟大家分享的文章是关于Web前端开发知识点之JavaScript的介绍与语法。正在学习web前端相关知识的小伙伴们来和小编一起看一看吧,希望本篇文章能够对大家有所帮助。

一、JavaScript介绍

JavaScript是一门客户端脚本语言,是适应动态网页制作的需要而诞生的一种编程语言。这门语言可用于HTML和web,更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。

在HTML基础上,使用Javascript可以开发交互式Web网页,可以增强用户和HTML页面的交互过程,可以控制HTML元素让页面有一些动态的效果,增强用户的体验。

JavaScript使有规律地重复的HTML文段简化,减少下载时间。

二、JavaScript语法

①与HTML的结合方式

JavaScript与HTML的结合方式有两种,一种是内部JavaScript,一种是外部JavaScript,定义的方式与CSS类似。

内部JavaScript需要定义一对标签,标签体的内容就是JavaScript代码。例如:





alert("我的第一个JavaScript")


外部JavaScript也需要定义一对标签,通过src属性引入外部的就是文件。例如:


注意:JavaScript可以定义在HTML页面的任何地方,但是定义的位置会影响执行的顺序。而且可以在HTML文档中放入不限数量的脚本。通常的做法是把函数放入部分中,或者放在页面底部。这样就可以把它们安置到同一处位置,不会干扰页面的内容。

②注释

JavaScript的注释与java相同,一种是“//”单行注释,一种是“/**/”多行注释。例如

//这是单行注释

/*

这是多行注释

这是多行注释*/

③数据类型

JavaScript的数据类型包括两大类:原始数据类型和引用数据类型。

原始数据类型包括:

·number数字:包括整数、小数和NaN(notanumber不是数字的数字类型)

·string字符串

·boolean布尔型:包括true和false

·null:一个对象为空的占位符

·undefined:未定义

引用数据类型就是指对象类型。

④变量

所谓变量就是一小块存储数据的内存空间。java语言是强类型语言,在开辟变量存储空间时就定义了存储数据的类型,而且只能存储固定类型的数据JavaScript是弱类型语言,在开辟变量存储空间时不定义存储数据的类型,可以存储任意类型的数据。

声明变量用var关键字,例如:

vara=3

我们可以使用typeof运算符获取变量的类型。

⑤运算符

JavaScript中的运算符与java中的基本一致,大家可以参考这个链接复习一下,接下来我再说说JavaScript里比较特殊的运算符。

在说运算符之前先说一个注意事项:在JavaScript中如果运算数不是运算符所要求的的类型,那么JavaScript引擎会自动将运算数进行类型转换。

因此在JavaScript中1=="1"的结果是true,那么我想让他的结果是false该怎么办呢?所以JavaScript引入了新的运算符全等于(===),此时1==="1"的结果就是false了。

⑥流程控制语句

JavaScript中流程控制语句包括if...else...、switch、while、do...while...、for等,语法规则与java中完全一致,点击上方关键词可查看java语法规则。

⑦特殊语法(不建议)

JavaScript语句以结尾,如果一行只有一条语句则可以省略。

变量定义是使用var关键字,也可以不使用。

以上就是小编今天为大家分享的关于Web前端开发知识点之JavaScript的介绍与语法的文章,希望本篇文章能够对正在从事web前端工作和学习的小伙伴们有所帮助,想要了解更多web前端知识记得关注北大青鸟web培训官网,最后祝愿小伙伴们工作顺利,成为一名优秀的web前端工程师。

文章来源:原创凯哥的故事凯哥的故事

今天小编要跟大家分享的文章是关于为什么Web前端要学习JavaScript?最近跟多项目招聘经理都在说找一个好的程序员有多难,也渐渐意识到了现在编程语言越来越倾重于JavaScript。Web开发人员尤其如此。所以,如果你是一个Web前端工程师,那么你应该去学习JavaScript。

原因主要有以下几点:

一、需求

我之所以这样说的主要原因是,随着JavaScript的日渐成熟,以及Node.js方案变得越来越可行,我们对JavaScript程序员的需求正在持续增长。JavaScript在需求比例上已经超过了C#,仅屈居于Java之下。如果你看看GitHub上可行的项目,你会发现JavaScript出现得越来越多,甚至领先于Java和C#。最后,再看看StackOverflow,你会发现JavaScript也处于顶层活跃中。

二、更好的薪酬

根据SitePoint,JavaScript的薪资要高于C#。当然,虽然现在Java的薪水还是比JavaScript高上那么一点。但随着JavaScript需求的增长,你可以预见它的薪酬肯定会提高。

在Gooroo,关于薪酬VS需求呈现的画面略有不同。虽然我们对JavaScript的需求是显而易见的,但是很明显,几种需求较小的语言反而薪酬更高。我怀疑这是因为许多公司仍然认为JavaScript是任何一个程序员都会用的语言。但是,当他们认识到“任何一个程序员都会JavaScript”,实际上是“任何一个程序员只会写蹩脚的JavaScript代码”的时候,也是他们经历惨痛教训的时候。然后需要真正的JavaScript程序员进入清理留下的烂摊子。

在StackOverflow,我们看到了一份非常详细的关于开发人员在过去三年时间中的归类。当你最后看到“使用的技术”部分的时候,我们发现,如果你称自己为JavaScript程序员(这里假设是在客户端),那么你得到的报酬虽然比C#程序员低,但会比Java程序员要好,但如果你说自己是一个Node.js程序员(全JavaScript),那么你能拿到第二高的工资。唯一比Node.js还高的是Objective-C(我假设以后会是,Swift)。

三、JavaScript愈来愈趋成熟

新的JavaScript标准每年都会发布,而且现在很明显,被添加到JavaScript的语法糖(Syntactic

Sugar)的数量每年都在增加。其中一个我期待的功能是,能在我的JavaScript代码中使用异步和await关键字,以消除回调地狱(callback

hell)。

你越早开始学习JavaScript,那么学习起来就越容易。所有的改变都是循序渐进的,就像浏览器正在不断地改进处理JavaScript代码的能力。可以预见在不久的将来,浏览器不仅可以缓存JavaScript文件,还可以缓存JavaScript文件的编译版本。

四、JavaScript的前端更能被委以重任

大概在一年前我和我的一个老朋友聊天的时候,他提到,他是他们小组(约20个程序员)唯一一个用这样的方式写JavaScript以消除变量对全局范围的污染的程序员。这只是最简单的例子。很多人称自己为JavaScript程序员,却不知道这些基本知识。所以,JavaScript大有可为。

而且不要忘了,现在很多支持性能分析和内存泄漏的工具才刚处于起步阶段。如果你现在就掌握了这些技能,那么将来肯定可以更好地推销自己。

五、日趋完善的框架

Angular的新版本正在开发中,而且还有Aurelia作为候选。商业产品如Scencha的EXTjs。还有用于服务器端编程的Node.js。等等等等。用JavaScript开发实际的应用程序并不太难。我敢保证,如果我愿意的话,我完全可以只用JavaScript来写一个可以运行的桌面应用程序。嘿嘿。

六、6JavaScript无处不在

JavaScript可运行在所有主要平台的所有主流浏览器上,也可运行在每一个主流操作系统的服务器端上。现如今我们在为网站写任何一个主要功能的时候都需要有懂能够用JavaScript写前端的开发人员。而后端代码是用什么编写的则无所谓——不管是Java,PHP,.NET,Node.js还是其他——但是客户端就一定需要一个JavaScript开发人员。事实上,现在很多开发人员依然没有认识到JavaScript有多么强大。不知道正在阅读的你是否也是这些井底之蛙的一员。如果你确实是一个了不起的JavaScript程序员,那么基本上所有有关于服务器端平台的工作都能够胜任。如果再了解这些平台基本上就可以上任了。

七、JavaScript是一种编译语言

这也许会吓你一跳,从技术上说,JavaScript是一种编译语言。这有两个含义。首先,一旦代码被编译,它的运行速度或许就能媲美于任何其他可执行文件。其次,为JavaScript写工具在技术上是可行,并且将会创建一个不必每次加载代码到内存中时就重新编译的二进制文件。

以上就是小编今天为大家分享的关于为什么Web前端要学习JavaScript?的文章,希望本篇文章能够对正在从事Web前端工作或者学习的小伙伴们有所帮助。想要了解更多Web前端相关知识记得关注北大青鸟Web培训官网!

原文:7ReasonsEveryProgrammerNeedstoLearnJavaScript