一、JavaScript基础

 

1.小点总结

 

1.函数和对象

 

函数就是功能的“封装”，调用函数需要使用圆括号；

 

内置对象，可以通过后面接点的方式调用它内置的”方法“

 

2.常见错误

 

Uncaught SyntaxError:lnvalid or unexpected toke

 

未捕获的语法错误：不合法或错误的符号

 

Uncaught ReferenceError:this is not defined

 

未捕获的引用错误，this没有被定义

 

3.REPL环境

 

控制台是一个REPL环境，可以使用它临时测试表达式的值

 

4.变量

 

变量不是数值本身，仅仅是用于存储数值的容器

 

变量名只能由字母、数字、下划线、$组成，不能以数字下划线开头，不能时关键字或保留字，大小写敏感，要语义化命名，驼峰命名法。

 

一个等号=是赋值，用逗号分隔可以实现多个变量命名

 

js执行代码有预解析阶段，会预读所有变量的定义，变量声明只提升定义，不提升值，变量的值为undefined

 

5.数据类型

 

基本数据类型

 

数字类型，Number

 

字符串类型，String

 

布尔类型，Boolean

 

undefined类型，没有被赋值的默认值，undefined又是值，又是类型

 

null类型，是一个数字类型的值，不是一个数，表示空对象

 

复杂数据类型都是“引用类型”

 

Object

 

Array

 

Function

 

RegExp

 

Date

 

Map

 

set

 

Symbol等等

 

//使用typeof运算符可以检测值或者变量的类型

 

console.log（typeof 1） //返回number

 

科学计数法

 

3e8 就是三乘以10的八次方 300000000

 

3e4 就是三乘以10的4次方 30000

 

不同进制的数字

 

二进制数值以0b开头

 

八进制数值以0开头

 

十六进制数字以0x开头

 

//字符串的常用方法

 

var a = 'abcd';

 

//返回指定位置字符，只有一个参数

 

a.charAt（1） //下表从0开始，返回b

 

//返回从a开始到b结束（不包括b处）的字串，省略第二个参数，返回到字符串结尾

 

a.substring（0,2） //返回ab

 

a.substring（2） //返回cde

 

a.substring（4，2） //返回cd 会自动调换位置，小的在前面

 

//返回从a开始的长度为b的字符，a可以为负数，表示倒数的位置

 

a.substr（0,3） //返回abc

 

a.substr（-5） //返回a

 

a.substr（-5,2） //返回ab

 

//返回从a开始到b结束（不包括b处）的字串，a可以为负数，a必须小于b

 

a.slice（2,3） //返回c

 

a.slice（5,4） //返回空

 

a.slice（-5） //返回abcde

 

a.slice（-5,4） //返回abcd

 

substring（）、substr（）和slice（）的区别

 

substring（）可以自动交换两个参数的位置，参数小的在前面，而slice（）不行

 

slice（）的参数a可以为负数，而substring（）不行

 

substr（）中参数b是返回子串的长度，而不是编号位置

 

toUpperCase（）

 

将字符串变为大写

 

toLowerCase（）

 

将字符串变成小写

 

indexOf（）

 

检索字符串，返回某个指定位置字符串值在字符串首次出现的位置，如果没有则返回-1

 

6.数据类型转换

 

Number（）函数 转成数字类型

 

parseInt（）函数 将字符串转为整数

 

parseFloat（）函数 将字符串转为浮点数

 

string（）函数 转成字符串

 

toString（） 将值转为字符串

 

Boolean（） 转成布尔值

 

7.js基本表达式

 

算数表达式

 

加+ 减- 乘 除/ 取余%

 

IEEE754二进制浮点数运算标准，会使个别小数运算丢失精确问题

 

可以调用toFixed（a）方法保留指定多少位小数

 

Math.pow（a,b）幂运算，Math.sqrt（a）开根号，Math.ceil（a）向上取整，Math.floor（b）向下取整

 

关系表达式

 

小于> 大于< 大于或者等于>= 小于或者等于<= 等于== 不相等！= 全等=== 不全等！==

 

1.null和undefined用==进行比较涉及隐式强制类型转换，ES5规范中规定：

 

①如果x为null,y为undefined,则结果为true

 

②如果x为undefined,y为null,则结果为true

 

2.null和undefined用===比较时结果为false是因为类型不同∶

 

①typeof null—>object

 

②typeof undefined—>undefined

 

NaN不自等，可以用isNaN判断变量值是否为NaN

 

只要该变量传入Number（）的执行结果是NaN，则isNaN（）函数都会得到true，如isNaN（undefined,“1”，null） true true false

 

逻辑表达式

 

非！

 

也可以称为置反运算，是一个单目运算符，只需要一个操作数，结果一定为布尔值

 

与&&

 

表并且，称为与运算，都真才真

 

或||

 

表或者，称为“或运算”，有真就真

 

短路计算

 

a && b运算中，a真表达式为b；a假，表达式值为a

 

a || b 运算中，a真，表达式值为a;a假，表达式值为b

 

逻辑运算的优先级是：非->与->或

 

赋值表达式

 

赋值=

 

快捷赋值 += -= *= /= %=

 

自增运算符 ++

 

自减运算符 –

 

a++和++a的区别

 

a++先用再加 ++a先加再用

 

综合表达式

 

运算顺序：非运算->数字运算->关系运算->逻辑运算

 

8.js流程控制语句

 

条件语句

 

if语句

 

if else if多条件分支

 

switch语句

 

三元运算符

 

循环语句

 

for循环

 

while循环

 

break和continue

 

do while

 

//随机数函数

 

（math.random（）*10）+1 //返回10以内的随机数

 

计算机的流程控制语句：顺序执行、选择语句、循环语句

 

9.数组

 

//定义数组方法1

 

var arr = [1,2,3,4,]

 

//定义数组方法2

 

//使用new关键字调用一个构造函数定义

 

var arr = new Array（1,2,3,4）

 

//定义数组方法3

 

//里面的内容都是undefined

 

var arr = new Array（4）

 

数组的每一项都有下标，下标从0开始

 

访问数组中不存在的项会返回undefained，不会报错

 

402822/article/details/121998581