封装js代码,如何调用函数

1.条件分支语句

– switch语句

– 语法:

switch(条件表达式){

case 表达式:

语句…

break;

case 表达式:

语句…

break;

case 表达式:

语句…

break;

default:

语句…

break;

}

– 执行流程:

– switch…case…语句在执行时,会依次将case后的表达式的值和switch后的表达式的值进行全等比较,

如果比较结果为false,则继续向下比较。如果比较结果为true,则从当前case处开始向下执行代码。

如果所有的case判断结果都为false,则从default处开始执行代码。

2.循环语句

– 通过循环语句可以反复执行某些语句多次

– while循环

– 语法:

while(条件表达式){

语句…

}

– 执行流程:

while语句在执行时,会先对条件表达式进行求值判断,

如果判断结果为false,则终止循环

如果判断结果为true,则执行循环体

循环体执行完毕,继续对条件表达式进行求值判断,依此类推

– do…while循环

– 语法:

do{

语句…

}while(条件表达式)

– 执行流程

do…while在执行时,会先执行do后的循环体,然后在对条件表达式进行判断,

如果判断判断结果为false,则终止循环。

如果判断结果为true,则继续执行循环体,依此类推

– 和while的区别:

while:先判断后执行

do…while: 先执行后判断

– do…while可以确保循环体至少执行一次。

– for循环

– 语法:

for(①初始化表达式 ; ②条件表达式 ; ④更新表达式){

③语句…

}

– 执行流程:

首先执行①初始化表达式,初始化一个变量,

然后对②条件表达式进行求值判断,如果为false则终止循环

如果判断结果为true,则执行③循环体

循环体执行完毕,执行④更新表达式,对变量进行更新。

更新表达式执行完毕重复②

– 死循环

while(true){

}

for(;;){

}

1.对象(Object)

– 对象是JS中的引用数据类型

– 对象是一种复合数据类型,在对象中可以保存多个不同数据类型的属性

– 使用typeof检查一个对象时,会返回object

– 创建对象

– 方式一:

– var obj = new Object();

– 方式二:

– var obj = {};

– 向对象中添加属性

– 语法:

对象.属性名 = 属性值;

对象[“属性名”] = 属性值;

– 对象的属性名没有任何要求,不需要遵守标识符的规范,

但是在开发中,尽量按照标识符的要求去写。

– 属性值也可以任意的数据类型。

– 读取对象中的属性

– 语法:

对象.属性名

对象[“属性名”]

– 如果读取一个对象中没有的属性,它不会报错,而是返回一个undefined

– 删除对象中的属性

– 语法:

delete 对象.属性名

delete 对象[“属性名”]

– 使用in检查对象中是否含有指定属性

– 语法:”属性名” in 对象

– 如果在对象中含有该属性,则返回true

如果没有则返回false

– 使用对象字面量,在创建对象时直接向对象中添加属性

语法:

var obj = {

属性名:属性值,

属性名:属性值,

属性名:属性值,

属性名:属性值

}

– 基本数据类型和引用数据类型

– 基本数据类型

String Number Boolean Null Undefined

– 引用数据类型

Object

– 基本数据类型的数据,变量是直接保存的它的值。

变量与变量之间是互相独立的,修改一个变量不会影响其他的变量。

– 引用数据类型的数据,变量是保存的对象的引用(内存地址)。

如果多个变量指向的是同一个对象,此时修改一个变量的属性,会影响其他的变量。

– 比较两个变量时,对于基本数据类型,比较的就是值,

对于引用数据类型比较的是地址,地址相同才相同

2.函数(Function)

– 函数也是一个对象,也具有普通对象的功能

– 函数中可以封装一些代码,在需要的时候可以去调用函数来执行这些代码

– 使用typeof检查一个函数时会返回function

– 创建函数

– 函数声明

function 函数名([形参1,形参2…形参N]){

语句…

}

– 函数表达式

var 函数名 = function([形参1,形参2…形参N]){

语句…

};

– 调用函数

– 语法:函数对象([实参1,实参2…实参N]);

fun() sum() alert() Number() parseInt()

– 当我们调用函数时,函数中封装的代码会按照编写的顺序执行

– 形参和实参

– 形参:形式参数

– 定义函数时,可以在()中定义一个或多个形参,形参之间使用,隔开

定义形参就相当于在函数内声明了对应的变量但是并不赋值,

形参会在调用时才赋值。

– 实参:实际参数

– 调用函数时,可以在()传递实参,传递的实参会赋值给对应的形参,

调用函数时JS解析器不会检查实参的类型和个数,可以传递任意数据类型的值。

如果实参的数量大于形参,多余实参将不会赋值,

如果实参的数量小于形参,则没有对应实参的形参将会赋值undefined

本文来自作者:zx1080,不代表小新网立场!

转载请注明:https://www.xiaoxinys.cn/572527.html

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。