【JavaScript 教程】第一章入门01—认识JavaScript

linbojue
• 阅读 2

本系列JavaScript 教程可帮助你快速有效地从头开始学习 JavaScript 编程语言。如果你… 不确定从哪里开始学习 JavaScript。 对其他人的复制粘贴 JavaScript 代码感到沮丧,而没有真正理解它。 无法使用 JavaScript 向你的网站和 Web 应用程序添加更丰富、更引人注目的功能,因为您不知道如何从该语言中获得更多收益。 此系列教程会是一个很好的起点。 现在,我们就开始今天的学习吧。 1、什么是JavaScript JavaScript 是一种编程语言,最初设计用于与网页元素进行交互。在 Web 浏览器中,JavaScript 由三个主要部分组成: ECMAScript 提供了核心功能。 文档对象模型(DOM)接口,用于与网页上的元素进行交互。 该浏览器对象模型(BOM)提供了与网络浏览器交互的浏览器webAPI。 JavaScript 允许你向网页添加交互性。JavaScript 通常与 HTML 和 CSS 一起使用来增强网页的功能,例如验证表单、创建交互式地图和显示动画图表。 当加载网页时,即在下载 HTML 和 CSS 之后,Web 浏览器中的 JavaScript 引擎执行 JavaScript 代码。JavaScript 代码然后修改 HTML 和 CSS 以动态更新用户界面。 JavaScript 引擎是一个执行 JavaScript 代码的程序。一开始,JavaScript 引擎被实现为解释器。然而,现代 JavaScript 引擎通常被实现为即时编译器,将 JavaScript 代码编译为字节码以提高性能。

2、客户端与服务器端 JavaScript 当在网页上使用 JavaScript 时,它会在用户的网络浏览器中执行。在这种情况下,JavaScript 作为客户端语言工作。

JavaScript 可以在 Web 浏览器和服务器上运行。现在比较流行的 JavaScript 服务器端环境是 Node.js。与客户端 JavaScript 不同,在服务器端 JavaScript 允许你访问数据库、文件系统等的服务器上执行。

3、JavaScript 历史 1995 年,JavaScript 由名为Brendan Eich的 Netscape 开发人员创建。首先,它被称为摩卡。后来,它更名为 LiveScript。

Netscape 决定将 LiveScript 更改为 JavaScript,以利用当时流行的 Java 的名气。该决定是在 Netscape 发布其名为 Netscape Navigator 2 的 Web 浏览器产品之前做出的。因此,JavaScript 进入了 1.0 版。

Netscape 在 Netscape Navigator 3 中发布了 JavaScript 1.1。与此同时,Microsoft 推出了一款名为Internet Explorer 3 (IE 3)的 Web 浏览器产品,与 Netscape 竞争。

但是,IE 附带了称为JScript 的JavaScript 实现。Microsoft 使用名称 JScript 来避免 Netscape 可能出现的许可问题。

结果,市场上出现了两种不同的 JavaScript 版本:Netscape Navigator 中的 JavaScript 和 Internet Explorer 中的 JScript。JavaScript 没有管理其语法和功能的标准。社区决定是时候对语言进行标准化了。

1997 年,JavaScript 1.1 作为提案提交给欧洲计算机制造商协会(ECMA)。技术委员会 #39 (TC39) 被指派对该语言进行标准化,使其成为通用、跨平台和供应商中立的脚本语言。TC39 提出了 ECMA-262,这是一种定义名为 ECMAScript(通常发音为 Ek-ma-script)的新脚本语言的标准。

之后,国际标准化组织和国际电工委员会(ISO/IEC)采用了 ECMAScript(ISO/IEC-16262)。

4、JavaScript 概述 要在 JavaScript 中定义变量,请使用var关键字。例如:

var x = 10; var y = 20; ES6 添加了一种使用let关键字声明变量的新方法:

let x = 10; let y = 20; var和let之间存在差异。使用let关键字来声明变量是一个很好的做法。

要声明函数,请使用function关键字。以下示例定义了一个计算两个参数之和的函数:

function add( a, b ) { return a + b; } 要调用该add()函数,请使用以下语法:

let result = add(x, y); 要将结果记录到 Web 浏览器的控制台窗口中,请使用console.log():

console.log(result); 现在,你应该在控制台窗口中看到30。

JavaScript 为你提供条件语句,例如if-else和 switch语句。例如:

let a = 20, b = 30;

function divide(a, b) { if(b == 0) { throw 'Division by zero'; } return a / b; } 在divide()函数中,我们检查分数 (b) 是否为零。如果是,我们抛出异常。否则,我们返回 a / b 的结果。

要声明数组,请使用以下语法:

let items = []; 要声明具有一些初始元素的数组,请在方括号中指定元素:

let items = [1, 2, 3]; 你可以items通过其length属性访问数组中的元素数:

console.log(items.length); // 3 要遍历items数组的元素,请使用for如下循环语句:

for(let i = 0; i < items.length; i++) { console.log(items[i]); } 或者for...of在ES6 中使用循环:

for(let item of items) { console.log(item); } JavaScript 是一种不断发展的语言。它还有许多其他功能,你将在接下来的教程中学习。

在本教程中,你了解了 JavaScript 是什么以及 JavaScript 语言的概述。 http://xakfp.wordpress.com/ http://dxkfp.wordpress.com/ http://zykfp.wordpress.com/ http://wwkfp.wordpress.com/ http://lzkfp.wordpress.com/ http://wlmqkfp.wordpress.com/ http://cnkfp.wordpress.com/ http://lskfp.wordpress.com/ http://kmkfp.wordpress.com/ http://gykfp.wordpress.com/ http://cdkfp.wordpress.com/ http://sykfp.wordpress.com/ http://hkkfp.wordpress.com/

点赞
收藏
评论区
推荐文章
Souleigh ✨ Souleigh ✨
4年前
理解 Javascript 中的 Async / Await
在本文中,我们将探讨async/await,对于每个Javascript开发人员来说,是异步编程的首选工具。如果您不熟悉javascript,请不要担心,本文将帮助您async/await从头开始理解。介绍async/await是javascript中的一种模式,可使您的代码以同步方式执行,但又不影响javascript的异步行为。定义异步功能要定义一
Souleigh ✨ Souleigh ✨
4年前
JavaScript 是什么?
前言引用《JavaScript高级程序设计第四版》中说的话——“从简单的输入验证脚本到强大的编程语言,JavaScript 的崛起没有任何人预测到。它很简单,学会用只要几分钟;它又很复杂,掌握它要很多年。要真正学好用好 JavaScript,理解其本质、历史及局限性是非常重要的”。面试官:JavaScript 是什么?我:
Sherwei Sherwei
2年前
JavaScript学习资源大全
在线文档类|名称及链接|特点|评分||||||现代JavaScript教程(https://zh.javascript.info/)|是React与MDN并列推荐的JavaScript学习教程,以最新的JavaSc
Wesley13 Wesley13
3年前
jabdp之编写javascript(一)
1、概述Jabdp以“写小量的代码,实现复杂的功能”为宗旨,将大量通用的代码进行抽取封装,减少了开发中80%的代码量。jabdp因为考虑到javascript是世界上使用人数最多的编程语言,而且javascript的简单易学,所以把javascript作为本平台的编程语言。使用jabdp平台的人需要有一定的javascript
Stella981 Stella981
3年前
GitHub上的7个热门TypeScript项目,要不要学一下呢?
TypeScript是JavaScript的一个超集,支持ECMAScript6标准(ES6教程)由微软开发的自由和开源的编程语言。设计目标是开发大型应用,它可以编译成纯JavaScript,编译出来的JavaScript可以运行在任何浏览器上。语言特性TypeScript是一种
Stella981 Stella981
3年前
JavaScript原型深入浅出
不学会怎么处理对象,你在JavaScript道路就就走不了多远。它们几乎是JavaScript编程语言每个方面的基础。事实上,学习如何创建对象可能是你刚开始学习的第一件事。对象是键/值对。创建对象的最常用方法是使用花括号{},并使用点表示法向对象添加属性和方法。letanimal{}animal.name
Stella981 Stella981
3年前
Javascript解析机制 执行机制
HTML5学堂:在学习JavaScript过程中,我们需要了解事件的机制是怎么执行的?本文将会提到JavaScript事件机制的解析,希望对大家有帮助!javascript解析的过程主要分为两个阶段,分别是编译与执行阶段。在编译期,javascript解释器将完成对javascript代码的预处理,即将javascript代码转换为字节码。在执行
Stella981 Stella981
3年前
Node.js简介及如何学习Node.js
本文介绍Node.js的诞生史以及如何学习Node.js。Node.js简史从Node.js的命名上可以看到,Node.js的官方开发语言是JavaScript。之所以选择使用JavaScript,显然与JavaScript的开发人员多有关。总所周知,JavaScript是伴随着互联网的发展而火爆起来的,JavaScript也是前
Stella981 Stella981
3年前
JavaScript的 基本数据类型
第一:Javascript对象是第二:Javascript中第三:Javascript的对象是数据;第四:JavaScript中的对象可以简单理解成"名称:值"对(name:value)。名称(name):"名称"部分是一个JavaScript字符串参考https://www
Stella981 Stella981
3年前
Javascript 面向对象编程
Javascript面向对象编程(一):封装Javascript是一种基于对象(objectbased)的语言,你遇到的所有东西几乎都是对象。但是,它又不是一种真正的面向对象编程(OOP)语言,因为它的语法中没有class(类)。那么,如果我们要把"属性