Web开发初探之JavaScript 快速入门

JavaScript(缩写:JS)是一门完备的 动态编程语言。当应用于 HTML 文档时,可为网站提供动态交互特性。由布兰登·艾克( Brendan Eich,Mozilla 项目、Mozilla 基金会和 Mozilla 公司的联合创始人)发明。

JavaScript 的应用场合极其广泛,简单到幻灯片、照片库、浮动布局和响应按钮点击,复杂到游戏、2D/3D 动画、大型数据库驱动程序等等。

JavaScript 相当简洁,却非常灵活。开发者们基于 JavaScript 核心编写了大量实用工具,可以使 开发工作事半功倍。其中包括:

浏览器应用程序接口(API)—— 浏览器内置的 API 提供了丰富的功能,比如:动态创建 HTML 和设置 CSS 样式、从用户的摄像头采集处理视频流、生成3D 图像与音频样本等等。

第三方 API —— 让开发者可以在自己的站点中整合其它内容提供者(Twitter、Facebook 等)提供的功能。

第三方框架和库 —— 用来快速构建网站和应用。

JavaScript是一门充满争议的编程语言:它以 Java 命名,但实际上和 Java 毫无关系。JavaScript 的创造 ,但在20年时间里却发展成世界上最流行的 Web 开发语言。如果为 JavaScript 今日的地位和流行程度找一个原因,那毫无疑问是容易上手的语言特性。当然,精通 JavaScript 是一项艰巨的任务,但学会足够开发 Web 应用和游戏的知识却很简单,如果你已经有了一定编程基础,熟悉 JavaScript 语言特性不会花费你多长时间。

边读边尝试

如果你能看到这篇文章,那么你已经具备了全功能的 JavaScript 开发环境 —— 我说的就是你正在使用的浏览器!

在本页面中读到的所有例子,你都可以把它们输入到浏览器的控制台里并查看运行结果,如果你不清楚怎么做,可以阅读文档 如何在不同浏览器中打开控制台的指南。

准备好了吗?让我们开始学习 JavaScript 吧!

变量(Variable)

变量 是存储值的容器。在 JavaScript 中,我们像这样声明一个变量,先输入关键字 let 或 var,然后输入合适的名称:

var a; let myVariable;

保留字 var 之后紧跟着的,就是一个变量名,接下来我们可以为变量赋值:

var a = 12;

在阅读其他人的 JavaScript 代码时,你也会看到下面这样的变量声明:

a = 12;

注:行末的分号表示当前语句结束,不过只有在单行内需要分割多条语句时,这个分号才是必须的。然而,一些人认为每条语句末尾加分号是一种好的风格。

注:几乎任何内容都可以作为变量名,但还是有一些限制:如类型名无法作为变量名(详情请参阅 )。如果你不确定,还可以 验证变量名 是否有效。

注:JavaScript 对大小写敏感,myVariable 和 myvariable 是不同的。如果代码出现问题了,先检查一下大小写!

注:想要了解更多关于 var 和 let 的不同点,可以参阅 。

注:注意变量可以有不同的 数据类型

那么变量有什么用呢?我们说,编程时它们无所不在。如果值无法改变,那么就无法做任何动态的工作,比如发送个性化的问候,或是改变在图片库当前展示的图片。

注释

类似于 CSS、C++,JavaScript 中可以添加注释。

/* 这里的所有内容 都是注释。 */

如果注释只有一行,可以更简单地将注释放在两个斜杠之后,就像这样:

// 这是一条注释。 函数

函数 用来封装可复用的功能。如果没有函数,一段特定的操作过程用几次就要重复写几次,而使用函数则只需写下函数名和一些简短的信息。

比如:在 JavaScript 里我们像这样声明函数:

var myAwesomeFunction = function (myArgument) { // do something }

像这样调用函数:

myAwesomeFunction(something);

我们看到函数声明也和变量声明一样遵从 var something = somethingElse 的模式。因为在 JavaScript 里,函数和变量本质上是一样的,我们可以像下面这样把一个函数当做参数传入另一个函数中:

square = function (a) { return a * a; } applyOperation = function (f, a) { return f(a); } applyOperation (square, 10); // 100 返回值

函数的返回值是由 return 打头的语句定义的,我们这里要了解的是函数体内 return 语句之后的内容是不会被执行的。

myFunction = function (a) { return a * 3; explodeComputer(); // will never get executed (hopefully!) }

注:return 语句告诉浏览器当前函数返回 result 变量。这是一点很有必要,因为函数内定义的变量只能在函数内使用。这叫做变量的 作用域

if

JavaScript 中条件判断语句 if 是这样用的:

if (foo) { return bar; } if / Else

if 后的值如果为 false,会执行 else 中的语句:

if (foo) { function1(); } else { function2(); }

if / else 条件判断还可以像这样写成一行:

foo ? function1() : function2(); //三目运算符:条件:条件True时返回值:条件False时返回值

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zgzxzd.html