美文网首页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回调函数 重要

    这两个很好 讲解的很好 解决了困扰我很久的问题 JS对象的创建与使用 摘自:http://www.cnblogs...

  • JS-回调函数、省份显示

    省份简称与省份全称 js,如何把省份简称转换成省份全称 callback回调函数 JS中回调函数(callback...

  • ES6系列之Promise

    本篇目录 JS 同步与异步 常见异步处理回调函数事件监听Deferred对象 Promise对象概念 Promis...

  • [Angular]依赖注入

    JS中的依赖注入,举个荔枝: 1.回调函数的event就是依赖对象2.回调函数有形参就是依赖注入(设置方法或者函数...

  • js函数对象和回调

    函数对象和实例对象 函数对象:将函数作为对象使用时,简称函数对象实例对象:new函数产生的对象,简单对象 ()的左...

  • 023 JS高级

    JS高级 一、函数高级 1、函数回调 2、闭包 二、循环绑定 三、面向对象JS 1、属性与方法 2、类字典结构使用...

  • node.js(六)

    Node.js 回调函数Node.js 异步编程的直接体现就是回调。异步编程依托于回调来实现,但不能说使用了回调后...

  • 01node.js

    01、模块 02、关注学习 03、Node.js 回调函数Node.js 异步编程的直接体现就是回调。异步编程依托...

  • 2020-02-23

    Node.js回调函数 Node.js异步编程的直接体现就是回调 异步编程依托于回调来实现,但不能说使用了回调后程...

  • 07_Node.js Event

    一、回调函数 callback 1、回调函数 Node.js 异步编程的直接体现就是回调,异步编程依托于回调来实现...

网友评论

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

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