JS复习

Posted LAL-alice

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JS复习相关的知识,希望对你有一定的参考价值。

 

JS复习

 

js复习-01---03

一 JS简介

1,文档对象模型

2,浏览器对象模型

 

二 在html中使用JS

1,在html中使用<script></script>标签

2,引入外部JS文件

 

三,JS基本概念

1,ECMAScript中的一切(变量,函数名,操作符)都区分大小写,函数名不能用关键字

2,ECMAScript变量是松散型的,松散型:可以用来保存任何值

3,全局变量和局部变量(var)

4,数据类型:ECMAScript有5种简单的数据类型(基本数据类型):undefined,,  null,  boolean,  number, string. 一种复杂数据类型:object(无序的名值对组成)。不支持自定义数据类型。

5,Typeof 操作符:可能返回的类型:undefined,,  null,  boolean,  number, string, object , function

6,数值转换:parseInt()函数(比较合理);Number()函数(不够合理)。

7,转换为字符串:toString()方法(每个值都有的一个方法,每个字符串也都有一个这个方法)

 

 

操作符:

1,一元操作符  一元加减操作符

2,位操作符

3,布尔操作符: 

加:

var num1 = 5,

       num2 = 10;

var message1 = "5+10 = " + num1 + num2;

var message2 = "5+10 = " + (num1 + num2);

510

 

10

 

逗号:

var num = (1,2,3,4,5);

alert(num);

5(返回最后一个值)

 

 

 

 

 

JS复习 4-5

变量,作用域,内存问题

1,数据类型:

基本类型:简单的数据段

引用类型:可能由多个值构成的对象

 

JS不允许访问内存中的位置

数据类型:typeof  instanceof

 

2,执行环境,作用域

执行环境是JS中最重要的概念之一,每个执行环境都有与之相关联的变量对象  :  全局环境,局部环境。

 

代码在执行时,会创建变量对象的作用域链

可以延长作用于链:

 

 

引用类型

一,对象

引用类型:一类对象所具有的属性和方法。是一种数据结构

1,object

创建object实例的方式有两种

A,var person = new Object;

person.name = “micro”;

B, 使用对象字面量的表示法

var person = {

        name :”micro”,

         age : 18

}

             

              访问属性的两种方法

A,    person[“name”]

B,     person.name

第一种方法相对比较好,可以通过变量来访问属性,如果属性中包含导致语法错误或者关键字保留字,可以使用[]来表示。

 

但是::!!!除非必须使用变量来访问属性,否则通常使用点表示法!!!

 

 

二,Array类型 

1, 创建数组的方法有两种

A,    使用array构造函数    var colors = new Array();

B,     给构造函数传递一个值,创建数组  var colors = new Array(20);

   2,数组的length属性:可以通过设置该属性的值在数组的末尾添加或者删除属性。

 

,3,检测数组:instanceof  

  检测该值是否为数组:Array.isArray(value);

 

    4,转换方法:

每个对象都具有toLocaleString(), toString(), valueOf() 方法。

toString()

返回数组中每个值的字符串形式拼接而成的一个以逗号分隔的字符串。

valueOf()

返回一个数组

 

(早上在前后端交互时,有遇到这里边的一个问题,取出来的数组没有整个赋值给一个变量。后来想到了拼接方法join()  最后改成了toString()方法,数据就成功赋值给一个变量,传送给后台。)

 

Join方法只接收一个参数 , 作为分隔符分字符串 如: join(“,”)

Join里面可以是任何字符串。如果没有传入参数,则默认使用逗号分隔。

 

5,栈方法   先进后出

栈中的插入和移除都只发生在一个地方:栈顶

push()

可以接收任意数量的参数,它会把它们逐个添加栈的顶端,返回修改后数组的length值

pop()

从数组末尾移除最后一项,并减少length值,然后返回移除的项

 

6,队列方法   后进先出

  队列在列表的末端现价项,从列表的前端移除项.结合使用以下两个方法可以像操作队列一样操作数组。

push()

向数组末端添加项,

shift()

移除数组中的第一个想并返回该项,同时数组长度-1

 

7,重排序方法

reverse()

反转数组项的顺序

sort()

默认按升序方法排序。该方法会调用每个数组项的tostring()方法。Sort方法比较的是字符串。

都返回经过排序后的数组。

 

8,操作方法

contat()

追加

splice()

删除:splice(0, 2) 删除数组中的前两项

插入:splice(2,0,”red”),从第二项的位置出入red,没有删除任何项

替换:splice(2,1,”red”),删除位置为二开始的一项,并插入red

slice()

切割:接收切割一个或两个参数: 一个参数,切割从该参数开始到结束。两个参数: 从第一个参数到第二个参数之间的东西

9,位置方法

两个位置方法,都接收两个参数:要查找的项(可选)和表示查找起点的位置的索引

indexOf()

从数组的开头开始查找

lastIndexOf()

从数组的末尾开始查找

 

10,迭代方法

every()

对数组中的每一项运行给定函数,如果该函数每一项都返回true则返回true

filter()

对数组中的每一项运行给定函数,返回函数会返回true的项组成的数组

forEach()

对数组中的每一项运行给定函数,没有返回值

map()

对数组中的每一项运行给定函数,返回函数每次调用的结果组成的数组

some()

对数组中的每一项运行给定函数,如果该函数对任意一项返true,则返回true

 

 

三 Date类型

调用date构造函数而不传递参数的情况下,新建对象会自动获得当前的日期和时间。

1,两个方法可以根据特定的日期和时间创建日期对象。

Date.parse()

Date.UTC()

 

2,日期格式化方法

toDateString()

以特定于实现的格式显示星期几、月、日、年

toTimeString()

以特定于实现的格式显示时、分、秒、时区

toLocaleDateString()

以特定于地区的格式显示星期几、月、日、年

toTimeeDateString()

以特定于实现的格式显示时、分、秒

toUTCString()

以特定于实现的格式完整的UTC日期

 

四,RegExp 类型

var expression =  / pattern / flags ;

flages支持以下3个标志:

g : 全局模式

I : 不区分大小写

m : 可以多行

正则表达式中的元字符 : ( { [  \  ^  $  |  ) * +   .  ]  }

如果需要用到这些字符,则需要转义。转义符为:\ 

 

五,function2

 

JS复习 6-7

面向对象的程序设计

 

以上是关于JS复习的主要内容,如果未能解决你的问题,请参考以下文章

从0开始复习JS---1函数复习

JS复习:第六章

webpack.js 复习笔记

JS复习:第二十章

原生js写ajax请求(复习)

复习js和jquery