这期内容当中小编将会给大家带来有关深入浅析JavaScript中的 typeof fn === 'function' && fn()，文章内容丰富且以专业的角度为大家分析和叙述，阅读完这篇文章希望大家可以有所收获。
我在看别人代码的时候，有看到代码是这样写的
function(){
fn&&fn()
}
大概意思是这么个意思，但是这我感觉这样写好像没意义，有带佬能指点一下吗
fn 不存在就什么都不做，不会报错，fn 存在才尝试执行 fn
一般来说fn && fn()就如同下面的语句
if (fn) {
fn()
}一般来说函数的动态调用，因为不知道这个函数确定存在才会这么判断
大部分情况是这个意思，如果 fn 是 undefined 就不执行 fn()。React 针对 optional callback 会这么写。
在 js 里面，这是标准的。大幅减少代码量，比三目运算更直接了当。别的语言大同小异：fn?.xx()
这样写思路是对的，实现是错误的，fn 可能存在，但是它可能不是 function，执行 fn() 一样会出错。
下面分享正确的写法
typeof fn === "function" && fn()
实际应用
function addScript (url, fn) {
var script = document.createElement('script')
script.setAttribute('type', 'text/javascript')
script.setAttribute('src', url)
script.setAttribute('async', 'async')
document.getElementsByTagName('head')[0].appendChild(script)
script.onload = function () {
typeof fn === 'function' && fn()
}
}小结
正确写法应该时这个吧：typeof(fn)==='function' && fn()，不过通常约定 fn&&fn() 传递的一定是函数
这个就是 js 逻辑运算符的魔法：
当多个 &&串联时，执行到第一个 truthy 的表达式；
当多个||串联时，执行到第一个 false-thy 的表达式；
但我比较赞同王垠博客上的观点：短路机制是给程序优化执行效率的，不是给程序员拿来炫技的。
上述就是小编为大家分享的深入浅析JavaScript中的 typeof fn === 'function' && fn()了，如果刚好有类似的疑惑，不妨参照上述分析进行理解。如果想知道更多相关知识，欢迎关注亿速云行业资讯频道。
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
