JS 基础概念 编程基础 数据类型 运算符

Posted 2020-11-22 飞叶飞花

 基础概念

编程：人通过“语言”告诉计算机要干什么

　　“语言”，人与计算机的沟通方式，说一句完整的“语言”，相当于编写一段完整的程序；这段程序会告诉计算机我们想让它干什么。

“语言”（计算机语言）发展史：

1、机器语言 　　 

　　全部由1和0组成的二进制数，这些二进制数组合起来表达某一个含义。

　　因为计算机只认识1或0或它们的组合，我们只能通过一长串1和0的组合来“讲话”，想想都恐怖。

2、汇编语言 

　　由简洁的英文、字母或字符来代替特定指令，这个指令已经设定好了含义。

　　这些“简洁的英文、字母或字符”已经在计算机里面和某一个“特定指令”划上等号，我们使用“简洁的英文、字

　　母或字符”来“讲话”，就容易很多。

　　这些“特定指令”，其实就是提前编写好的1和0的组合，计算机的本质、最底层，始终只认识1和0。

3、高级语言

　　程序设计语言，高级语言就是我们现在使用的语言：java，c，c++，C#，js，pascal，python，lisp，

　　prolog，FoxPro等等，

　　它不再单单是“简洁的英文、字母或字符”表示特定指令，而是较接近自然语言(我们使用的语言)，基本脱离

　　了机器的硬件系统，

　　让我们可以用更易理解的方式编写程序。

　　高级语言本身还在进步，到最后会不会真的完全和自然语言划上等号？

语言两大类

　　解释型语言：

　　　　读取一行代码，进行一次解析然后执行，再进行下一行代码的解析。如:JS php python等，都是解释型

　　语言。

　　编译型语言：

　　　　全部内容进行解析后执行。如：C# java C C++等，都是编译性语言 。

　　如果代码有错误，解释型语言会运行到错误的地方，然后停止，编译型语言会直接报错，不会执行。

错误分类

1、语法错误

　　格式性错误，比如需要小写的地方大写，需要英文分号的地方使用了中文分号等等。

　　这类型错误无法通过编译，因此很容易发现和修改。

2、逻辑错误

　　“不相应错误”、“执行步骤错误”，意为没有按照逻辑走，或逻辑思维有问题，导致不能得到预期的结果。

　　这类型错误都符合语法规范，代码能够通过编译，因此往往比较难发现。

3、运行错误

　　这种错误一般和程序中的算法相关。或是算法导致内存泄露、存储空间不足、数值越界等等。

　　也有文件路径不对这类简单情况。

　　语法、逻辑都正确，出现运行错误，如果有提示则罢，没提示，就只能依据情况慢慢查了...

一般功能开发步骤

　　1-功能计划
　　2-需求分析
　　3-功能开发（确定数据结构和算法）
　　4-功能测试
　　5-功能维护
　　6-功能上线

程序的两个关键点

　　数据结构:

　　　　笼统说法：数据的存储方式。

　　　　数据结构对于初学者不用理解太深，到了后面渐渐会有自己的理解。

　　算法：

　　　　解决问题的方法和步骤。

　　　　算法特点：
　　　　　　　　　　1、有穷性：一个算法的操作步骤，在有限范围、时间内可完成，算法必须能在执行有限

　　　　　　　　　　　　个步骤之后终止。
　　　　　　　　　　2、确定性：每个步骤应当是确定，而不是含糊的，每一步骤必须有确切的定义。
　　　　　　　　　　3、有0到多个输入，0个输入是指算法本身定出了初始条件。
　　　　　　　　　　4、有1到多个输出，没有输出的算法是毫无意义的。
　　　　　　　　　　5、有效性、可行性，计算“123/0=?”没有有效性，死循环算法没有可行性。

 

JS编程基础

注释方式

　　单行注释：用于单行代码

　　　　　　　　// 注释内容
　　多行注释：用于某个功能块

　　　　 　　　　/*注释内容*/ 

标识符

　　代表一定含义的名字（变量、数组、函数等）。

命名规范

　　硬性要求：

　　　　　　1、数字、字母、下划线、美元符号（不要使用特殊符号）。
　　　　　　2、不能以数学开头。
　　　　　　3、不能使用关键字和保留字。
　　　　　　4、JS是大小写敏感（区分大小写）。

　　软性要求：
　　　　　　望文知意(与其相关)。

命名方式

　　1、大驼峰命名法：每个单词的首字母大写
　　　　HeWei HeJiaQi Wang_Jie_Yi
　　2、小驼峰命名法：除了第1个单词，后面的每个单词的首字母大写（推荐）
　　　　heWei heJiaQi wang_Jie_Yi
　　3、蛇形命名法：每个单词之间的分隔符为下划线
　　　　wang_jie_yi
　　4、匈牙利命名法:先写标识符类型，再写标识符名字
　　　　S_jie_yi

JS特点

　　1.解释型*

　　　　javascript是一种解释型的脚本语言。

　　2.基于对象

　　　　javascript是一种基于对象的脚本语言，它不仅可以创建对象，也能使用现有的对象。

　　3.简单

　　　　javascript采用的是弱类型的变量类型，对使用的数据类型未作出严格的要求。

　　4.动态性

　　　　javascript是一种采用事件驱动的脚本语言，它不需要经过web服务器就可以对用户的输入作出响应。

　　5.跨平台

　　　　javascript脚本语言不依赖于操作系统，仅需要浏览器支持。

　　6.单线程*

　　　　javascript是单线程语言：同一时间只干具体的一件事。

DOS操作系统控制台命令

　　　　dir 　 　显示目录的所有内容（当前文件夹的所有内容）
　　　　cd　  　进入某一个目录（进入某个文件夹）
　　　　cd..　　返回上一级目录（返回上一个文件夹）
　　　　cd\\　 　回根目录（当前盘符）

　　　　cls　  　清屏

变量声明格式

　　关键词 标识符 分号

 ES5

　　var F65 ; 即为一条完整的JS代码

　　var username;

　　username = "F65";

ES6（推荐）

　　let F65 ; 即为一条完整的JS代码 

　　let username;

　　username = "F65";

　　const x = 5;

注：const声明的标识符是常量（赋值过后，不能再次赋值去改变它）；

　　var与let的区别：

　　　　　　1、var可以重复声明变量，let不可以（var和let同时声明一个相同的变量名也不行）。

　　　　　　2、var可以先使用后声明（先使用，得到默认值 undefined）。

变量赋值　　

　　let F67,F68,F69;
　　let F67=1,F68=1,F69=1;
　　let F67=F68=F69=1;
　　一个或多个可以同时声明或赋值。

数据类型

　　一般分为基本和复杂两大类。

简单数据类型、基本数据类型

1､Undefined 类型

        只有一个值，undefined，表示声明了未赋值；即声明一个变量，但不赋值，这个变量就是undefined。

　　

 

 注：直接输出一个未声明变量也得到undefined，是因为它（ES5）自动在变量前面补了一个 var（不会补let），等于用var声明了变量。

 

2､Null 类型

        只有一个值，null,表示一个空对象指针。

　　

 

注：

　　undefined是由null衍生而来，所以两个值进行比较是相等的,但是肯定不全等。反正都是别人定的！

3､Boolean 类型

        使用最多的一个类型，有两个值，分别是true、false。区分大小写，True和False是标识符，不是布尔值。

　　 当数据转换为boolean值：

　　　　　　let i = 0;

　　　　　　i = undefined;

　　　　　　i = false;

　　　　　　i = -0;

　　　　　　i = NaN;

　　　　　　i = null;

　　　　　　i = "";//双引号

　　　　　　i = \'\';//单引号

　　　　　　i = ``;//字符模板

　　　　　　以上的九种情况都会转换成false，其他情况就是true。

 

4､Number 类型

        数字类型，表示数据的整数和浮点数，某些语言中也称为“双精度值”。

　　 取值：所有数值，加上特殊值NaN（is not a Number）。

　　 判断F66是不是纯数字：isNaN(F66)，如果返回true表示F66不是纯数字，返回false表示F66是纯数字。

　　　　NaN特点：

　　　　　　　　1、任何涉及与NaN的操作或公式，得到的结果都会是NaN。

　　　　　　　　2、NaN不等任何值，包括它自己（即NaN不等于NaN）。

 

5､String 类型

        字符串可以由单引号、双引号、字符模板表示。

　　输出引号：

　　

　　所有类型与字符串相加，得到变量类型都会是String：

　　

 

 注：与字符串“相加”，“+”会是拼接符，直接拼接到一起了，得到的肯定还是字符串。

 

6､ Symbol 类型

        ES6 新增的数据类型，Symbol 类型的对象永远不相等，即便创建的时候传入相同的值。

　　 多用于对象，避免在新增的时候，更改原有的属性或方法，使用Symbol(唯一性)来创建键。

 

复杂数据类型、引用数据类型

　　就是指Object 类型，对象。

 

 

作用域

变量在JS代码中的适用范围。

 

　　全局作用域：

　　　　在当前JS文件中任何地方都可以访问与使用。

　　局部作用域：

　　　　只在当前局部范围内（大括号中)可以访问与使用。

 

注：在局部作用域中尽量不要使用var声明变量，很容易发生变量重复声明（var会把变量提升为全局变量）。

 

运算符

算术运算

　　加　　+

　　减　　 -

　　乘　　 *

　　除　　 /

　　求余　 %　　　　5%2得到余数1

 

赋值运算符

　　= 　　let a = 3;　　//把3作为值，赋值给变量a。= 读作赋值符

　　+=　　a+=3;　　　//a=a+3; a变为6

　　-= 　　*=　　/=　　%=　　//和+=类似

 

一元运算符

 

自增++   

　　++i先加后用，i++先用后加。

　　

 

自减--

　　--i先减后用，i--先用后减。

 

比较运算符

　　返回结果只会是true或false。

 

　　> 、< 、==、 <=、 >=   

　　不等于　　!=

　　全等　　　===   不仅要比值是否相等，需还比较数据类型是否相同(先比较类型)

　　不全等　　!==   比较数据类型是不是不相同

 

注：所有与NaN相比较，得到的结果是false。

 

逻辑运算符

非    ！   意为取反

分类　　　　　　取反

boolean	相应取反
非空的字符串	false
null	true
undefined	true
NaN	true
非0的数字	false

 

 

 

 

 

 

 

 

 

 

 

 

 

 

与　　&&  一假全假   所有条件都满足才返回true

 

　　条件1 && 条件2 && 条件3 && 条件4 && 条件5 && 条件6 && 条件7

　　从条件1开始判断，找到false，则停止并返回false，或者找完了全是true则返回true。

 

或　　||  一真全真   有一个条件满足就返回true

 

　　条件1 && 条件2 && 条件3 && 条件4 && 条件5 && 条件6 && 条件7

　　从条件1开始判断，找到true，则停止并返回true，或者找完了全是false则返回false。

 

运算符优先级

　　()　　[]　　.

　　 --　　++　　-　　!　　typeof

　　/　　*　　%

　　+　　- 

　　 <　　<=　　>　　>=　　instanceof

　　==　　!=　　===　　!==

　　&&

　　|| 

　　=

　　 ,

　　从上到下,优先级从高到低。

 

三目运算符

 

格式：　表达式1?表达式2:表达式3

　　

　　　　表达式1的结果为真返回表达式2，否则返回表达式3

 

 

　　注：这种蛮有趣。