Function构造函数

  • Function() 与 new Function()等价 ```javascript var a = 10; var b = 20;

var test = Function(“a”,”b”,”return a + b”) var test2 = new Function(“a”,”b”,”return a + b”)

test.proto === Function.prototype // true Function.proto===Function.prototype // true

  1. <a name="FDK7K"></a>
  2. # 函数的基础性质
  3. <a name="Sl0qA"></a>
  4. ### 默认参数
  5. <a name="R865w"></a>
  6. #### 什么是默认参数
  8. - 函数的参数**如果没有被传递**，那么**函数将隐式的使用undefined作为默认值**。
  9. <a name="H7XI3"></a>
  10. #### 可以用作默认参数的值
  12. 1. **原始值或对象:**number,string,boolean,object,array,`null`
  13. 1. **调用函数的结果**。
  14. 1. **函数定义**
  15. <a name="pZnia"></a>
  16. #### 注意点
  18. - 注意函数**默认值会覆盖**最为函数的参数传递的**undefined**。
  19. - 在默认参数中创建的任何对象都将在每次调用函数时创建。
  20. - 参数中使用的值可以在任何后续的默认参数中使用，从左到右。
  21. ```javascript
  22. function test (a=5){
  23.   console.log(a)
  24. }
  26. test()    // 5
  27. test(10)    // 10
  28. test(null)    // null
  29. test(undefined)    //5
  31. function createUser(name, rank, userObj = { name, rank }) {
  32.   return userObj
  33. }
  35. function defaultFirst(a = 1, b) {
  36.   return a + b
  37. }
  38. efaultFirst(undefined, 2)  // 3
  1. function getRandomNumber() {
  2.   return Math.floor(Math.random() * 10)
  3. }
  6. function cube(x = getRandomNumber()) {
  7.   return x * x * x
  8. }
  10. cube()  // 111
  11. cube()  // 222
  1. function outer(
  2.   parameter = function inner() {
  3.     return 100
  4.   }
  5. ) {
  6.   return parameter()
  7. }
  9. // Invoke outer function
  10. outer() // 100
  1. // 避免由于为传递参数造成的结构错误
  2. function settings(options = {}) {
  3.   const { theme, debug } = options
  5.   // Do something with settings
  6. }

调用函数

以`来调用函数

  1. function H1(arr, ...raw) {
  2.     console.log(arr, raw)
  3. }
  5. H1`arg1${1},arg2${2}arg3`
  7. //["arg1", ",arg2", "arg3"] [1, 2]

思考题

  1. (function (){}).length   // 函数的length属性表示函数的形参，为零