欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  后端开发

进一步了解js函数

程序员文章站 2022-04-29 15:12:17
...
本文主要和大家分享进一步了解js函数,希望能帮助到大家更好运用js函数。
一、自定义函数

1.通过function关键字

function 函数名称([参数]){

代码段;

return 返回值;

}

注意:函数名称不要包含特殊字符;

函数名称最好含义明确;

函数名称最好遵循驼峰标记法或者下划线法;

函数名称严格区分大小写;

函数名称如果重复会产生覆盖;

函数可以有参数也可以没有参数;

函数通过return返回值,如果没有return默认返回undefined;

函数不调用不执行;

2.匿名函数

函数表达式可以存储在变量中,变量也可以作为一个函数使用;

可以将匿名函数作为参数传递给其他函数,接收方函数就可以通过所传递进来的函数完成某些功能;

可以通过匿名函数来执行某些一次性的任务;

3.通过Function()构造函数

二、调用函数

1.作为一个函数调用

通过函数名称()进行调用,如果有参数传递相应参数即可;

在HTML中默认的全局对象是html页面本身,所以函数是属于html页面,在浏览器中的页面对象是浏览窗口(window)。所以函数会自动变为window对象的函数,也可以通过window.函数()进行调用;

2.全局对象

当函数没有被自身的对象调用时,this的值就会变成全局对象,在web浏览器中全局对象是浏览器窗口对window对象;

函数作为全局对象调用时,会使this的值变成全局对象,使用window对象作为一个变量容易造成程序崩溃;

3.函数作为方法调用

可以将函数定义为对象的方法进行调用;

4.使用构造函数调用函数

如果在函数调用前使用了new关键字,则调用了构造函数;

5.作为回掉函数调用

call();

apply();

三、参数

函数可以有参数,也可以没有参数,如果定义了参数,在函数调用时没有传值,默认设置为undefined;

在调用函数时如果传递参数超过了定义时的参数,js会自动忽略多余的参数;

js中不能直接写默认值,可以通过argument对象来实现默认值效果;

可以通过arguments对象实现可变参数的函数;

通过值传递参数在函数体内对变量做修改不会影响变量本身;

通过对象传递参数在函数体内对变量对更改会影响变量本身;

四、变量作用域

1.局部变量

在函数体内声明的变量,仅在函数体内使用;

2.全局变量

函数体外申明的变量,在变量声明开始到脚本结束都可以使用;

3.注意

尽量控制全局变量的数量、容易引发bug;

最好总是使用var语句来申明变量;

五、js中的全局函数

1.parseInt(string,radix)

返回转换成整数的值;

2.parseFloat(sring)

返回转换成浮点型的值

3.isFinite(value)

检测某个值是否是无穷值,若果number是nan或者infinity或者-infinity的数,则返回false;

4.isNaN(value)

检测某个值是否是NaN,如果值为nan,则返回true,否则返回false;

5.encodeURL(url)//encodeURIComponent()

将字符串编码为url,ASCII标点符号,该函数不会进行转义,,/?:@&+=¥#,可以使用encodeURIComponent()方法分别对特殊含义的ASCII标点符号进行编码;

6.decodeURI//decodeURIComponent()

解码某个编码的URI;

7.escape()

对字符串进行编码;

escape()函数可以对字符串进行编码,这样就可以在所有计算机上读取该字符串;

不会对数字和字母进行编码,也不会对下面这些标点符号进行编码,*@-_+./其他所有字符都会被转义序列替换;

escape()函数不能用于编码URI

8.unescape()

解码有escape编码的函数

9.eval()

将js字符串当作脚本执行

如果参数是一个表达式,eval()函数将执行表达式,如果参数是js语句,则将执行js语句;

eval()函数是一种由函数执行的动态代码,比直接执行脚本慢的多;

慎重使用eval()函数,尽量不用,保证程序的安全性;

10.Number(obj)

把对象的值转换成数字;

如果对象的值无法转换成数字,则返回NaN;

如果对象为date对象,则返回从1970年1月1日到限制所经历的毫秒数;

11.string

把对象的值转换成字符串;与toString一样;

相关推荐:

js函数和变量的提升及闭包讲解

深入分析JS函数

js函数相关知识点总结分享

以上就是进一步了解js函数的详细内容,更多请关注其它相关文章!