JavaScript function对象

黄良钵

分类: 程序开发 594 0

  1. div {
  2.     width: 300px;
  3.     height: 300px;
  4.     background-color: red;
  5. }
  1. <div></div>
  2. <script>
  3.     var c = 10
  4.     function test() {
  5.         var add1 = new Function('a,b', 'return a + b + c')
  6.         console.log(add1(3, 5))
  7.         // 使用Function构造函数可以通过字符串创建函数
  8.         // 注意:除非是用代码生成代码 否则不要这样写
  9.         // 通常写法 也是推荐的写法
  10.         function add2(a, b) {
  11.             return a + b + c
  12.         }
  13.         console.log(add2.length)
  14.         // 获取函数定义中的参数个数
  15.         console.log(add2(3, 5))
  16.         console.log(add2.toString())
  17.         // 可以获取函数的源代码 可以在运行时输出源代码
  18.         // var code = prompt('请输入代码:', '')
  19.         // prompt 可提示用户进行输入的对话框
  20.         // console.log(code)
  21.         var c = 10
  22.         // eval 函数可计算某个字符串 并执行其中的js代码
  23.         document.write(eval('5 + c'))
  24.     }
  25.     test()
  26.     document.querySelector('div').onclick = function (ev) {
  27.         console.log(this)
  28.         // 在事件处理函数中 this指向的是当前监听事件的标签元素
  29.         // 相当于ev.curentTarget
  30.     }
  31.     var p = {
  32.         name: 'baoqiang',
  33.         age: 3,
  34.         sayHello: function (ev) {
  35.             console.log(this)
  36.             alert('我的名字是' + this.name)
  37.         }
  38.     }
  39.     document.querySelector('div').onclick = p.sayHello.bind(p)
  40.     // bind 方法可以将函数中的this执行所指定的对象
  41. </script>
  • 0人 Love
  • 0人 Haha
  • 0人 Wow
  • 0人 Sad
  • 0人 Angry
function对象、JavaScript

作者简介: 黄良钵

打赏

博客站长,前端开发工程师

共 0 条评论关于 “JavaScript function对象”

Loading...