我的前端学习7

js的函数：跟java方法一样

使用函数

1.声明一个函数

(标志符)

function 方法名（形参列表）{

//js代码

}

2.调用函数

方法名(实参列表)

注意：js中形参列表不需要加上类型，他们的类型取决于实参传递过来的类型

 

函数有：无参函数，带参函数，普通函数，匿名函数

 

js的变量：

变量的作用域

全局变量:定义在函数体外的变量，所以函数都可以进行访问或者调用

 

局部变量:定义在函数体内的变量，只有该函数可以可以调用

注意：如果全局变量和局部变量重名的时候，函数内部会直接调用函数中的局部变量---就近原则，如果操作局部变量，不会影响全局变量

 

匿名函数:没有函数名的函数就是一个匿名函数。

如果想要调用匿名函数，可以将其赋值给一个变量或者对象中的属性或者说数组中的元素，这时候，变量名或属性名或元素名就充当了函数的函数名

 

立即执行函数：一旦声明好了一个函数，不需要手动调用，让函数自己立即执行

在js中的如果形参列表有n个，那么一般来说传入实参列表也应该有n个

但是如果传入的实参列表跟形参列表不一致，那么会从前往后一个一个的赋值

函数对象：每当定义了一个函数之后，都会生成对应的函数对象。

函数赋值:匿名函数的赋值

带名函数的赋值:在赋值的时候不需要加上后面的实参列表，直接将函数对象的引用赋值过去即可

 

 

js的对象：

创建对象

1.通过new关键字创建对象,使用var定义变量进行接收（不建议使用）

只有属性和方法，没有代码块，内部类。。

给对象添加属性和属性值:对象名.属性名 = 属性值

访问对象中的属性:对象名.属性名

给对象中添加方法:对象名.方法名=匿名函数

调用对象中的方法：对象名.方法名(实参列表)

 

2.使用对象字面量的方式创建对象

语法：使用{}来创建一个空对象

 

3.使用对象字面量的方式来创建对象，跟第二种方式唯一的区别是

在创建对象的同时，创建属性和方法

语法 ：{属性名1:属性值1,属性名2：属性值2,....属性名n：属性值n}

对象可以放在另一个对象的属性中，充当属性值

 

js的构造函数：

普通函数与构造函数的区别

1.构造函数中的单词的首字母必须大写

2.可以使用构造函数来new出来多个实例对象

例子：

 

//普通函数

function person(){

console.log("我是普通函数")

}

 

//构造函数

function Person(name,age,sex){

this.name = name

this.age = age

this.sex = sex

}

 

 

js的toString方法：

1.创建构造函数

function Person(name,age,gender){

   this.age=age

   this.name=name

   this.gender = gender

}

 

2.使用构造函数生成实例对象

var person1 = new Person("张三",18,"男")

var person2 = new Person("李四",19,"女")

 

3.向原型中添加toString()方法

Person.prototype.toString = function(){

       console.log("Person[name="+this.name+",age="+this.age+",gender="+this.gender+"]")

}

 

4.使用toString()方法

console.log(person1.toString())

console.log(person2.toString())

 

 

 

js中的数组:所有数据类型都可以进行存放

第一种：

通过new Array()关键字来创建数组

可以将元素直接放在小括号之中

也可以在外部自定义元素放置的位置

第二种：

使用数组字面量来创建数组

语法：使用[]来创建一个空数组

第三种：

使用数组字面量来创建数组，同时声明数组中的元素

查看数组的长度

数组名.length

注意:js中数组的第一位置是以0开头

 

js中的数组常用方法:

1.栈方法（先进后出）

push--向数组末尾添加一个或多个元素,返回值是数组添加元素后的长度

pop--移出数组中最后一个元素，并且返回那个元素

2.队列方法(先进先出)

unshift--向数组的开头添加一个或多个元素,返回值是数组添加元素后的长度

shift---移出数组中第一个元素，并且返回那个元素

 

 

排序方法

reverse--将数组的顺序颠倒

sort--将数组排序

默认情况下，数组中排序的时候比较的是元素的ASCII码

sort方法中的参数可以传递一个函数，这个时候就用来定义排序规则

slice:基于原数组，截取从指定下标到指定下标的一个新数组并返回（左闭右开）

splice:用于操作数组的中间部分，可以对数组进行增、删、改操作

join:将数组按照指定字符转换为字符串

 

 

js中的字符串常见方法：

charAt:返回字符串中指定下标的字符

indexof:返回指定字符在字符串中第一次出现的下标

lastIndexOf:返回指定字符在字符串中最后一次出现的下标

subStr:在字符串中从指定下标开始截取指定个数的字符串

substring:在字符串中从指定下标开始截取到指定下标的字符串(左闭右开)

slice:在字符串中从指定下标开始截取到指定下标的字符串(左闭右开)

split:将字符串根据指定字符分割为数组

默认情况下如果不指定分隔符，那么会将字符串中每个字符都拆分为数组中的元素

 

 

js中的正则表达式：

创建方式

方式1 ：通过new Regexp关键字进行创建

在Regexp()构造函数中可以传入两个参数

参数一：我们定义的正则表达式规则

参数二：正则表达式的匹配模式

i--忽略大小写

g--全局匹配

 

方式2：使用正则表达式字面量的方式进行创建

语法：/正则表达式/匹配模式

test:判断字符串是否满足正则表达式定义的规则，如果满足，返回true;反之，返回fasle