本文前言及说明

适合学过一门语言有一定基础的人看。

省略最初学习编程时的各种编程重复的基础知识。

javascript简介

编程语言（主前端）

用途：主web前后端，游戏，干别人网站

优点：速度快，浏览器直接识别

编辑器：vscode

第三方安装工具：node

编辑器配置：安装live sever插件帮助实践查看自身代码

代码形式：通常与html共同编写，javascript负责代码逻辑，html负责网页。代码常常跟在html代码的body后面。

javascript前端代码基本结构

首先一个网站中会有html和javascript两种代码，html主要负责页面中显示的结构，javascript主要负责网站中的逻辑结构计算。

代码结构

如下

这个<>是标签。

除了<script>的之外别的事html的代码。html与js代码可以写在一起。

script在body后的好处：

代码从上到下执行，js代码负责逻辑，如果网站很大，浏览器从上执行，加载速度很慢。

结果

右键检查页面看控制台可以看js代码输出的内容

代码分离

因为有时候js代码量很大，全写在一起肯定眼睛会瞎，所以我们可以像模块化一样给他分离开。

我们可以给标签加属性让他指向指定文件。

 看结果

显示正常，还访问了那个文件。

（一般来说。。。每行代码后面应该加个; 但是我一般python用的比较多。。习惯性的不加；但是不要学习我的坏习惯。。）

node运行文件

vscode页面按ctrl+~开启node页面

在终端输入node 文件名就可以运行

注释

1. 单行注释：//

2. 多行注释：/*注释内容*/

变量常量

var：全局变量

let：可被修改

const不可被修改

 数据类型

字符串，数字（js无浮点），布尔，空，未定义

 字符串格式化

+号法

·${}·法

注意一下第二个用${}是用的`(~)不是引号.

字符串处理属性与方法

length #获取字符串长度

toUpperCase() #把字符串转化为大写

substring(3,7) #截取字符串

split(' ') #根据双引号内的字符对字符串进行分割

运行结果如下

 

 数组

我不太清楚别的语言，python中数组是有列表元组字典之分的，在javascript中没有这些概念，统一的称之为数组。

形式：[1,'hello',true]

数组操作方法：

push() #数组后面添加元素

unshift() #在开头添加元素

pop() #删除最后的元素

Array.isArray() #判断是否为数组

indexOf() #返回指定元素的索引

a.splice(2,1) #删除指定索引的元素（2指定元素的起始索引；1删除的个数）

面向对象

属性的定义

{}定义类，用：定义属性

 

 

方法定义

用function函数就可以创建

 对象数组与json

对象数组

简单理解就是数组套对象

 json数据

json数据是一种数据的传输形式，跟对象数组形式差不多。用于服务器的数据传输。

json与对象数组的不同就是他会给属性名都加双引号给括起来。

比如这里：name:...

json:"name":...

 用JSON的stringify方法可以转化为json类型。

if条件语句

 ===指当a必须为整数10时执行

==指a为数字还是字符10都可以被执行

if条件语句的形式就是上面的形式。

三目运算符

作用：根据不同的情况给变量赋值

？前面是条件，后面是true时的赋值，：后面是假的赋值。

即当a=10时赋值yes，否则赋值no

switch条件语句

作用：与if——else差不多。只不过匹配速度快点，匹配范围小。

结果如下：

解析：当x为yes时还行这一部分，为no时执行另一部分。当都没有匹配到时执行最后一部分。

for循环结构

for里面第一部分可以声明变量，第二部分写条件，第三部分写执行递增等变量的变化。

也可以写到外边。

i++代表了i递增1

while循环

 while与for的写法差不多，这里我是变量赋值和递增都写在外面的形式写的。

定义函数

用function

 逻辑运算符

&&	（and）两边都是true
||	(or)一边是true就可以
！	（not）不满足的时候执行

结语

javascript与其他语言重复的内容基本是这些，之后的内容基本上与其他的语言开始有一些差异了。整理出这篇博客希望能够减少看重复知识点浪费的时间。