首页 > 技术文章 > 前端 JS 问题记录

clis 2022-03-12 11:51 原文

立即执行函数 !function(){}()

function 前面增加符号 ! ~ + - 之类,都是告诉浏览器自动执行这个匿名函数,因为这些符号的运算级别都是高的

(function(){... })() 或 (function(){...}()) 也有相同效果


$(function(){ }) 的意义

是 $(document).ready(function(){ }) 的缩写,是 DOM 加载完执行的函数。


带参数的立即执行函数 !function(a){do something……}(Jquery)

其中,a = Jquery,包含了Jquery 对象所有功能。

如 $(window) 在函数体内,可以写成 a(windows)

可以理解为,将 Jquery 的 $ 符号,变成了 a


关于 length 和 toString

123['toString'].length + 123   //124
true['toString'].length + 123  //123

length 返回内容

1 如果是数组、字符串等有长度的,则返回元素长度

2 如果是 function,则返回函数的形参个数(不含剩余参数、arguments对象)

// 有长度的
[1,2,3].length //3
'123'.length   //3

// 函数
[].splice.length //2
[].slice.length  //2
//splice(start, ?deleteCount, ...items) //接受3个形参,最后一个为剩余参数
//slice(?start, ?end) //接收2个形参

3 第2点没有考虑函数默认参数的情况,如果函数的形参列表有默认参数的情况,则返回第一个默认参数前面的形参个数

function test(p1, p2 = 1, p3, p4 = {}, ...p5){}

test.length  //1
//参数列表中,p2为第一个默认参数,前面只有1个形参,故而返回1

toString

1 数值型为 toString(?radix) 带了一个形参

2 非数值型无形参

推荐阅读