初识JavaScript

JavaScript简介

JavaScript（简称“JS”）是一种轻量级的面向对象的编程语言，既能用在浏览器中控制页面交互，也能用在服务器端作为网站后台（借助 Node.js），因此 JavaScript 是一种全栈式的编程语言。

JavaScript 是一种跨平台的解释型语言，不需要提前编译，能在各种操作系统下运行。

为什么要学习 JS

JS 是当前最流行、应用最广泛的客户端脚本语言，在 Web 开发领域有着举足轻重的地位，是成为一名优秀前端工程师的必备技能之一。

相比于其它编程语言，学习 JS 有以下几个优势：

JavaScript 是最流行的客户端脚本语言，有着简单易学的特点。学有所成后，您可以使用一些基于 JavaScript 的框架（例如 JQuery、Node.js）来开发前端或后端应用程序；
JavaScript 可以在 Web 浏览器中运行，因此学习 JavaScript，您不需要配置任何特殊的运行环境；
JavaScript 的应用非常广泛，例如移动应用开发、桌面应用开发、Web 游戏开发等都会用到 JavaScript，为 JavaScript 程序员提供了更多的就业机会；
JavaScript 有着大量的优质框架和库，借助这些框架和库可以大大减少您的开发时间

JS 可以做什么

JavaScript 可以用于 Web 开发的各个领域，例如：

Web 应用开发：日常生活中我们所浏览的网页都是由 HTML、CSS、JavaScript 构成的，通过 JavaScript 可以实时更新网页中元素的样式，并可以实现人与网页之间的交互（例如监听用户是否点击了鼠标或按下了某个按键等），还可以在网页中添加一些炫酷的动画；
移动应用开发：除了可以进行 Web 应用开发外，JavaScript 还可以用来开发手机或平板电脑上的应用程序，而且我们还可以借助一些优秀的框架（例如 React Native），让开发更加轻松；
Web 游戏：我们在网页中玩过的那些小游戏，都可以使用 JavaScript 来实现；
后端 Web 应用开发：以前我们都是使用 JavaScript 来进行 Web 应用程序前端部分的开发，但随着 Node.JS（一个 JavaScript 运行环境）的出现，使得 JavaScript 也可以用来开发 Web 应用程序的后端部分。

Node.js是什么？Node.js简介

JavaScript 诞生于 1995 年，几乎是和互联网同时出现；Node.js 诞生于 2009 年，比 JavaScript 晚了 15 年左右。

在 Node.js 之前，JavaScript 只能运行在浏览器中，作为网页脚本使用，为网页添加一些特效，或者和服务器进行通信。有了 Node.js 以后，JavaScript 就可以脱离浏览器，像其它编程语言一样直接在计算机上使用，想干什么就干什么，再也不受浏览器的限制了。

Node.js 不是一门新的编程语言，也不是一个 JavaScript 框架，它是一套 JavaScript 运行环境，用来支持 JavaScript 代码的执行。用编程术语来讲，Node.js 是一个 JavaScript 运行时（Runtime）。

node.js简介链接

node.js便是后端语言

JavaScript 与 ECMAScript 的关系

ECMAScript（简称“ES”）是根据 ECMA-262 标准实现的通用脚本语言，ECMA-262 标准主要规定了这门语言的语法、类型、语句、关键字、保留字、操作符、对象等几个部分，目前 ECMAScript 的最新版是 ECMAScript6（简称“ES6”）。

JavaScript的语言风格和特性

类C语言的风格，简单好学
弱类型，繁文缛节少
丰富效果，易产生兴趣
跨平台

        var a = 1;
        var b = 'hello world';
        var c = 3.14;
        var d = true;

JavaScript书写位置

方式1

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // 此处书写
    </script>
</body>
</html>

方式2

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="./js/testJavaScript.html"></script> // 引用外部js文件
</head>
<body>
    
</body>
</html>

认识输出语句

console.log();
alert();
document.write();

console是JS的内置对象，通过“打点”可以调用它内置的log“方法”。
所谓“方法”就是对象能够调用的函数。

REPL环境

控制台快捷键：ctrl + shift + j

变量

变量的命名

命名不可以是关键字和保留字

变量命名法

变量的默认值

变量声明提升

变量声明提升只会提升定义，值是不会被提升的

注意项

若有错误，望指正。

一、JavaScript语法与变量