坑还没填完欸嘿嘿www

首先,变量是一个用于存放数值的容器，且数值是可以被改变的。

声名变量

var kamenRider

初始化变量

kamenRider = '夜は焼肉っしょ！アッハッハッハッ…'

同是你也可以在声明的时候初始化，如下

var kamenRider = '夜は焼肉っしょ！アッハッハッハッ…'

更新变量

直接给一个不同的值即可

kamenRider = '宝↗生↘永↗梦↘'

例如下面我们声明了一个 kamenRider 的变量且初始化变量并更新变量

var kamenRider = '通りすがりの仮面ライダーだ、覚えておけ！' //字符串变量
console.log(kamenRider) //这时候输出的是通りすがりの仮面ライダーだ、覚えておけ！
kamenRider = 'ボロボロだ'
console.log(kamenRider) //这时候输出的是ボロボロだ

但是需要注意的是
关于变量名字，你可以用你喜欢的任意词汇，但是因为很多坑...所以你最好应当使用拉丁字符(0-9,a-z,A-Z)和下划线
且，不要用下划线开头，因为某些有特定含义
不能数字开头，这是绝对不行的，比如 var 1abc 将会报错
变量是大小写敏感的 , ABC和abc，不是同一个变量
且你命名时必须避开保留字，例如var, function, let和 for等，绝对不行，这些列表你可以在这里查询到
尽量使用小驼峰命名法

变量类型

我们可以给变量设定不同的数据类型，前面个讲过共有七种，因此这里用例子来表明

1. Number 你可以在变量里保存数字，不管你是浮点数还是整数都可(不过实际上都是64 位浮点数的形式保存，因此浮点数运算有坑....)

   var n = 1

2. String 字符串是文本的一部分, 赋值你需要用单引号''亦或者双引号""括起来，且由于JavaScript是动态类型否则会理解成其他的变量名，且，当你给一个数字等加上''的时候，那它就将会是字符串
var s = " 这是一个字符串变量 "
var s = "1234" //这也一个字符串变量
3. Boolean 布尔只有两种值:true和false，用来判断是否成立因此不只有如下写法
   var b = true
var b = false
   还有如下写法等
   var b = 1 < 3; //返回true
var b = 1 > 3;//返回false
4. Array 数组是一个单个对象，其中包含很多值，方括号括起来，并用逗号分隔
   var stringArray = ['ゆ゛る゛さ゛ん゛!!','俺、参上!','你也是假面骑士?']
var stringNumber = [114515,810,893]
5. Object 对象由键值组成的无序集合
   var anime = { name : 'sarazanmai', time : 2019 };
   我们可以这样去访问对象中的信息
   anime.time //会返回2019
anime.name //会返回sarazanmai
6. symbol 细讲太长就不直接写了，可在这里查询到相关
7. Undefined 和 Null
   首先这两个大体是差不多的，细一点是一个是未定义也就是没有，一个是空，代表无例如
   var abc //会返回Undefined,因为声明后未初始号会自动被赋予undefined值代表不存在
   而 null 则是表示一个值被定义了，定义为“空值”；

动态类型

前面已经提到过JavaScript是动态类型，这里细讲一下
简单来说就是你并不需要指定变量将包含什么数据类型，例如
var stringV = '这是一个字符串 ' //这时候浏览器就会知道这是一个字符串
var numberV = 114514 //这时候浏览器就会知道这是一个数字
......
以此类推，因此，就像之前所说，
var numberV = 114514 //这种写法的确是数字
var numberV = '114514' //但是这时候就是字符串了
特别需要注意

有疑问可回复，有错漏也麻烦大佬留言

Hello World

首先，选中一个现代浏览器摁下F12打开 开发者工具，以 edge 举例，会出现如下界面

打开类似的界面后，切换至控制台或名为 Console 的选项卡
键入

console.log("Hello World"); 

你会看见如下:

这个例子输出了 Hello World 到控制台，结尾的 ;表示了结尾，虽然在 JavaScript 里...通常情况下没有 ;也会正常运行，但是建议你养成这个习惯xxxx 以此避免以后...
Console 用来提供对浏览器控制台的接入， log 是其中一个方法，用来像 WEB 控制台输出一条信息，其他的有比如：
Console.debug() ; Console.error() ; Console.info(); 等等,更多的可以在 这里 查询到

注释

在 JavaScript 里，有两种注释，分别是 //

console.log("Hello World"); //输出 Hello World 

这个将会注释//后面的内容，因此你可以在单独一行或者代码结尾用，另一种则是/* */

console.log(/* 输出 Hello World */"Hello World"); 
console.log("Hello World");
/* 
输出 Hello World
*/

这种注释在/* */之间的内容都会被忽略，因此可以用来多行注释或者在代码块内注释

数据类型

在 JavaScript 里有七种数据类型，分别是：

数字:任何数字

字符串:任何字符， 单引号和双引号括起来的内容(因为程序和主题原因所以这里就不打出来了

布尔:只有两个可能的值，分别是`true`和`false`

Null:表明缺少值，由`null`表示

未定义:`undefined` 也是一个"无",但是有一些区别，比如null表示没有，undefined表示缺少,具体差异以后再讲，也可以自行搜索查询相关

Symbol:这个是ES6新加的，表示是唯一的值，目前暂时先不讲

对象:就是一系列属性的集合，因为 JavaScript 是面对对象的

然后继续讲 console.log

console.log(2333.3333);
console.log("OO小三，XX碧池!!!")
console.log(["是男人就改开扎古！", "あんなの饰りです！伟い人にはそれがわからんのですよ！", "宝↗生↘永↗梦↘"]);

注意一下括号内容区别，然后对照之前的七种数据类型的讲解（不懂的可以留言x）

运算符

加:+
减:- 
乘:*
除:/ 
余:%

以此举例

console.log(1+1);
console.log(2-1);
console.log(1/2);
console.log(1*1);
...

拼接字符串

这个有很多种方法，但是先讲一种最基础的办法

console.log('脚只是装饰而已' +' '+ '上面的大人物是不会懂的');

这一段会返回脚只是装饰而已 上面的大人物是不会懂的 这一段话 注意 + 这个符号的使用

属性

前面说到，一个对象就是一系列属性的集合，一个属性包含一个名和一个值。一个属性的值可以是函数，这种情况下属性也被称为方法。下面举个例子

console.log('宝↗生↘永↗梦!为什么你没有接受适应手术而能变身成ex-aid？为什么你能产生卡带？为什么你变身时会头痛？答案只有一个——你是世界上，第一个感染bugster病毒的男人啊，啊哈哈哈哈——哈哈哈哈！'.length);

这一段会返回 98 ，因为这段用到了一个名为 length 的属性，这个属性返回字符串中字符编码单元的数量(由于JavaScript 使用UTF-16 ，因此可能会导致返回值于实际字符数量不一致)， JavaScript提供了许多字符串方法。

内置对象

除了console，JavaScript还内置了其他对象
我们用Math举个例子，用来返回一个对数

console.log(Math.log(10))；

如果无误，应该返回2.302585092994046，其他的可以在这里查阅
可自行练习使用

其实这篇并不是可能必要的x 但是应当知道 ,于是篇幅尽量的精简
首先，JavaScript 是 1995 年 Netscape Communications(网景) 引入的，在1996 其向 Ecma International ( 欧洲计算机制造商协会 )的组织提交了JavaScript ，在1997年 网景发布了 ECMA-262 , 它为 ECMAScript 设定了标准，缩写就是ES;
JavaScript 和 ECMAScript 的区别大概简单的有一定误解的解释是，前者可以让你去利用 JavaScript 创建应用程序之类的 ，后者可以让你创建一个新的脚本语言的时候去遵循 ECMAScript ;
另外举个例子 ES6 或 JavaScript ES6 ，代表遵循 ECMAScript 第六版的规范，不过也可以叫做 ES2015 ,因为后续的将会按照年份命名 例如ES7 叫做ES2016 , ECMAScript第八版 = ES2017 , 第九版ECMAScript = 2018;
建议初学者无论如何要学习ES6以上的版本；
当然如果你要维护一些较为古老的项目那亦可学习旧版，但是非常不建议作为主使用

接上篇，创建完成以后，你的目录结构应该是如下的：

├── README.md
├── node_modules
├── package.json
├── .gitignore
├── public
│   ├── favicon.ico
│   ├── index.html
│   └── manifest.json
└── src
    ├── App.css
    ├── App.js
    ├── App.test.js
    ├── index.css
    ├── index.js
    ├── logo.svg
    └── serviceWorker.js

接下来讲一下每个文件的详细,因为篇幅有点长，所以善用浏览器的搜索功能