美文网首页JS
js对象与js回调函数 重要

js对象与js回调函数 重要

作者: 狼勇士 | 来源:发表于2017-10-27 10:24 被阅读0次

    这两个很好 讲解的很好 解决了困扰我很久的问题

    JS对象的创建与使用

    摘自:http://www.cnblogs.com/Jener/p/5878858.html
    本文内容:
    1.介绍对象的两种类型;
    2.创建对象并添加成员;
    3.访问对象属性;
    4.利用for循环枚举对象的属性类型;
    5.利用关键字delete删除对象成员
    6.作为函数参数的对象;

    • JavaScript对象有两种类型
      1.Native:在ECMAScript标准中定义和描述,包括JavaScript内置对象(数组,日期对象等)和用户自定义对象;
      2.Host:在主机环境(如浏览器)中实现并提供给开发者使用,比如Windows对象和所有的DOM对象;
    • 创建对象:定义空对象之后再添加成员
      最简单的方法(即Object Literal,对象字面变量),之后便可以向它添加新成员。
    <script>
    var myObject={};/* 声明对象字面变量*/
    myObject.name="Jener";/*向对象添加新成员*/
    myObject.age=25;
    alert(myObject.name);/*利用弹窗输出对象name属性值*/
    </script>
    
    对象字面量.png
    • 定义对象方法(函数)的方式
      1.对象字面变量;
      2.追加到对象中;
    对象的方法.png
    • 对象属性的访问方式
    对象属性的访问方式.png
    • 枚举对象属性
    枚举对象的类型.png
    • 对象属性的删除(利用关键字delete)
    对象属性的删除.png
    • 作为函数参数的对象
    对象作为函数参数.png

    回调函数的介绍

    摘自:http://blog.csdn.net/baidu_32262373/article/details/54969696
    一、前奏
    在谈回调函数之前,先看下下面两段代码:
    不妨猜测一下代码的结果。

    function say (value) {
        alert(value);
    }
    alert(say);
    alert(say('hi js.'));
    

    如果你测试了,就会发现:
    只写变量名 say 返回的将会是 say方法本身,以字符串的形式表现出来。
    而在变量名后加()如say()返回的就会使say方法调用后的结果,这里是弹出value的值。
    二、js中函数可以作为参数传递
    再看下面的两段代码:

    function say (value) {
        alert(value);
    }
    function execute (someFunction, value) {
        someFunction(value);
    }
    execute(say, 'hi js.');
    

    function execute (someFunction, value) {
        someFunction(value);
    }
    execute(function(value){alert(value);}, 'hi js.');
    

    上面第一段代码是将say方法作为参数传递给execute方法
    第二段代码则是直接将匿名函数作为参数传递给execute方法
    实际上:

    function say (value) {
        alert(value);
    }
    // 注意看下面,直接写say方法的方法名与下面的匿名函数可以认为是一个东西
    // 这样再看上面两段代码是不是对函数可以作为参数传递就更加清晰了
    say;
    
    function (value) {
        alert(value);
    }
    

    这里的say或者匿名函数就被称为回调函数。
    三、回调函数易混淆点——传参
    如果回调函数需要传参,如何做到,这里介绍两种解决方案。

    • 将回调函数的参数作为与回调函数同等级的参数进行传递
    传参方式一.png
    • 回调函数的参数在调用回调函数内部创建
    传参方式二.png

    四、写在最后
    回调函数应用场景多用在使用 js 写组件时,尤其是组件的事件很多都需要回调函数的支持。
    关于回调函数还有什么问题可以在下面留言,一起交流。

    相关文章

      网友评论

        本文标题:js对象与js回调函数 重要

        本文链接:https://www.haomeiwen.com/subject/oiixextx.html