从零开始的JS之旅（一）

前言

从零开始学习JS，写个笔记

---

 

一、初识JS

 

1.1. JS是什么？

1.1.1 JavaScript（JS）是世界上最流行的语言之一，是一种运行在客户端的脚本语言

1.1.2 脚本语言：不需要编译，运行过程中由js解释器来进行解释并执行

1.2. JS的作用

1.2.1 表单动态校验（最初的目的）

1.2.2 网页特效

1.2.3 服务端开发（Node.js）

1.2.4 桌面程序 (Electron)

1.2.5 APP(Cordova)

1.2.6 控制硬件-物联网（Ruff）

1.2.7 游戏开发（cocos2d-js）

1.3. HTML/CSS/JS的关系

1.3.1

语言	关系
HTML/CSS	标记语言-描述类语言
JS	脚本语言-编程类语言

1.4. 浏览器执行JS

浏览器分成：渲染引擎和JS引擎

1.4.1 渲染引擎：用来解析HTML和CSS，俗称内核，如chrome浏览器的blink

1.4.2 JS引擎：也称JS解释器，用来读取网页中的JS代码，对其处理后运行，如chrome浏览器的VB

浏览器本身并不会执行JS代码，而是通过内置的JS解释器来执行。JS执行器会逐行解释每一句源码（转成机器语言），然后由计算机执行。

1.5. JS的组成

JavaScript：ECMAScript（JavaScript语法），DOM（页面文档对象模型），BOM（浏览器对象模型）

1.5.1 ECMAScript：由ECMA国际进行标准化的一门编程语言，ECMAScript规定了编程语法和基础核心知识，是所有浏览器厂商共同遵守的一套JS语法标准，一般被称为JavaScript（网景公司）或者JScript（微软公司），但实际上后两者是ECMAScript语言的实现和扩展。

1.5.2 DOM——文档对象模型：DOM（Document Object Model，简称DOM），是W3C组织推荐的处理可扩展标记语言的标准编程接口。通过DOM提供的接口对页面上的各种元素进行操作，如颜色大小等。

1.5.3 BOM——浏览器对象模型：BOM（Browser Object Model，简称BOM），他提供了独立于内容的、可以和浏览器窗口进行互动的对象结构。通过BOM可以操作浏览器窗口，如弹出框浏览器跳转等。

1.6. JS的编写

JS有三种书写位置，分别是行内、内嵌、外部。

注意：在HTML中是使用双引号，JS中我们使用单引号

1.6.1 外部JS文件：

适用于JS代码量比较大的情况，利用HTML页面代码结构化吧大段的JS代码独立到HTML页面之外，既美观，又方便文件级别的复用

注意：引用外部JS文件的script标签之间不可以写任何代码（规定）

1.7. JS的注释

基础，就直接写了

1.7.1 单行注释 ：  //      （ctrl+/）

1.7.2 多行注释 ： /**/    （shift+alt+a）可修改，方法百度，我改成了（ctrl+shift+/）

1.8. JS的输入输出语句

方法	说明	归属
alert()	浏览器弹出警示框	浏览器
console.log()	浏览器控制台打印输出信息（F12）	浏览器
prompt(info)	浏览器弹出输入框，用户输入	浏览器

 

二、变量

2.1 变量概述

2.1.1 变量：变量就是存放数据的容器，通过变量名来获取修改数据（本质：是程序在内存中申请的一块用来存放数据的空间）

2.2 变量的使用

2.2.1 声明变量：

var age;     //声明一个age的变量

2.2.2 赋值：

age=18;      //把18赋给age

2.2.3变量的初始化：

var age =18;    //声明变量同时赋值

2.2.4 实践

例：做一个表，表的内容要保存到电脑里，表中的内容有：名字，年龄，邮箱，电话，家庭住址，工资，存储之后要把这些信息显示出来，显示内容如下：

我叫晴明，我住在平安京，我今年28岁，我的电话是123456789，我的邮箱是[email protected]，我的工资是1500。

例：要求弹出一个输入框，提示用户输入姓名，弹出一个对话框，输出用户刚才输入的姓名

 

 

2.3 变量语法扩展

2.3.1 更新变量 ：变量如果发生更新，它原有的值会被覆盖，而变量的值将以最后一次赋的值为准

2.3.2 声明多个变量

2.3.3

只声明不赋值：undefined；

只赋值不声明：可以使用；

不声明不赋值：报错

 

2.4 变量命名规范

• 由字母（a-z  A-Z）、数字（0-9）、下划线（_）、美元符号（$）组成
• 严格区分大小写
• 不能以数字开头
• 不能是 关键字、保留字，如：var 、for等
• 变量名必须有意义
• 尽量不要使用name作为变量名
• 遵守驼峰命名法（即首字母小写，后面单次的首字母要大写）

2.5 交换变量案例

 

---

总结

未完待续，整理一遍发现小的知识点很多