当前位置:Gxlcms > PHP教程 > 进一步了解js函数

进一步了解js函数

时间:2021-07-01 10:21:17 帮助过:22人阅读

本文主要和大家分享进一步了解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函数的详细内容,更多请关注Gxl网其它相关文章!

人气教程排行