js对象与js回调函数 重要

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

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 写组件时,尤其是组件的事件很多都需要回调函数的支持。
关于回调函数还有什么问题可以在下面留言,一起交流。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容