JS中的{},()及自调用

版权声明:wuyujin1997 reserve all rights. https://blog.csdn.net/wuyujin1997/article/details/88828124

用途

  • {}
    包围对象object
    包围代码块code block(如方法体,或普通代码块等)。
  • ()
    • 包围参数列表
    • 自调用表达式,包围一些需要通过运算得出结果的代码(其中包围的代码会执行一次)。
      函数表达式可以自调用(即自动运行一次)。
      如果表达式后面紧跟(),会自动调用。
      不能自调用声明的函数,通过添加括号,来说明他是一个函数表达式。

经常可以见到很多用()包围{}的地方,用于将{}内部的代码执行一次,计算出结果。

demo

  • window.eval()
    可以见到eval('(' + value + ')')

  • 自调用函数

function foo() {console.log("hello");}	// 声明了一个函数foo()
foo()		// 调用

// 自调用函数
(function bar() {console.log("world");})();	// 立刻执行一次函数。
bar	// 报错,未定义。

自调用函数

  • 箭头函数表达式(ES6)的返回值
    箭头函数表达式x => x,表示function(x) {return x;}
    但如果返回值是object类型,则不能为x => {name:'JT'}
getObj = (num) => {age:num};	// getObj(22) 得不到对象返回值,为undefined。
getObj = (num) => ({age:num});	// getObj(22) 得到对象返回值,为{age:22}。

// 另外,在使用typeof查看箭头函数表达式的类型的时候,也可以看到()的作用。
typeof x => x	// 语法错误。
typeof (x => x)	// "function"。使用()将箭头函数表达式运行为一个结果|返回值。这个返回值是一个函数。然后用typeof判断。

箭头函数表达式中的()

  • 创建匿名函数并立即执行
// function(str) {return str;}
// 报错:Uncaught SyntaxError: Unexpected token (

// 用()包围代码段。成为一个函数。
(function(str) {return str;})
// 函数后加(...args),得到的函数会执行一次。
(function(str) {return str;})("测试")

// 得到函数
func = (function(str) {return str;})
// 直接得到函数执行一次的返回值
retValue = (function(str) {return str;})("测试");

创建匿名函数并执行一次

猜你喜欢

转载自blog.csdn.net/wuyujin1997/article/details/88828124