1 .JavaScript 对象的基本原理
1.1 对象怎样成为对象 var aOjbect = new Object();
1.2 对象的属性
一般用点操作符来引用对象的属性,在属性名称中有点的话就不可以了。
所以需要更通用的表示法来访问对象属性。
object[propertyNameExpression]
1.3 对象的字面量
var ride = {
make : 'Yamaha',
model : 'V-Star',
year : 2010,
purchased : new Date(2005,3,12),
owner : {
name:'Spike Spiegel',
occupation : 'bounty hunter'
}
};
这个片段利用对象字面量来创建ride对象。
这个表示法称为JSON(JavaScript Object Notation, JavaScript 对象表示法)。
1.4 对象作为window属性
JavaScript Object 概述的重要概念:
- JavaScript对象是属性的无序集合;
- 属性由名称和值构成;
- 对象可以利用对象字面量来声明;
- 顶层变量/函数是window的属性。
2 函数在JavaScript里是一等对象
Function可以
- 指派给变量
- 指派给对象的属性
- 作为函数参数
- 作为函数结果返回
- 用字面量来创建
函数不仅有值(函数体)还有名称。
2.1 名称里面是什么
函数字面量表示法
doSomethingWonderful = function(){
alert('does something wonderful');
}
2.2 作为回调函数(callback functions )
在异步编程中最为流行的概念是回调函数。
setTimeout(function(){ alert('Hi here!'); },5000);
2.3 this到底是什么
this所引用的对象被称为函数上下文。
函数context 不是由如何声明函数决定,而是由如何调用函数决定。
JavaScript也提供显示地办法设置function context.
通过Function方法call() 或apply()来调用函数,可以把函数上下文设置为所想的任何东西。
用call()来调用函数(这个函数作为第一个参数),其余参数作为被调用函数的参数。
apply()方法和call()相似,除了第二个参数要求是对象数组。
”函数是对象的方法“是不正确的。
在对象充当函数的调用上下文时,函数充当对象的方法。
2.4 闭包(closures)
闭包就是Function实例,外加对于Function实例的执行来说是必需的、来自环境的本地变量。
JavaScript里所有的闭包被隐式地创建。这就使得在代码中难以发现闭包。
$(function(){
var local=1;
window.setInterval(function(){
$('#display')
.append('<div>At ' + new Date()+' local=' + local + '</div`>');
local++;
},3000);
});
函数上下文决不被包含为闭包的一部分。
如果需要访问在外部函数里作为函数上下文的对象,可以采用普通的习惯用法:在本地变量里创建this引用的副本,这个副本将被包含在闭包里。
this.id = 'someID';
var outer = this;
$('*').each(function(){
alert(outer.id);
});
分享到:
相关推荐
《jQuery 3.1.1版本详解:从js到min.js》 在Web开发领域,jQuery是一个不可或缺的JavaScript库,它极大地简化了DOM操作、事件...对于任何使用JavaScript进行Web开发的人来说,理解和掌握jQuery都是必不可少的技能。
1. 添加依赖库:首先,我们需要在项目中引入jQuery-File-Upload的相关文件,包括JavaScript库、CSS样式表以及可能需要的图片资源。通常,这些文件会从GitHub或NuGet包管理器获取。 2. 配置视图:在视图(View)中,...
jQuery是一款强大的JavaScript库,它极大地简化了JavaScript的DOM操作、事件处理、动画设计和Ajax交互。jQuery的易用性和跨浏览器兼容性使得它成为Web开发领域中的必备工具。这份资料——"jQueryAPI-100204",旨在...
jQuery UI是基于JavaScript库jQuery的一个强大组件,它为Web开发者提供了丰富的用户界面交互元素和设计模式。在"jquery-ui-1.8.5"这个压缩包中,包含了实现高质量UI设计所需的基本资源和实例,使得网页的交互性和...
在Web前端开发中,jQuery是一个不可或缺的库,它极大地简化了JavaScript的使用,提高了网页的交互性和动态效果。本文将围绕标题“jquery-1.8.3.js”展开,深入探讨jQuery的基本概念、功能及其在HTML、JavaScript和...
"jQuery-tab-menu"就是一个专注于此功能的JavaScript插件,它利用jQuery库的灵活性和强大功能,为开发者提供了创建漂亮、实用且简单选项卡菜单的解决方案。 jQuery是JavaScript的一个库,它极大地简化了DOM操作、...
```javascript // 使用防抖,用户停止输入300毫秒后执行搜索 $("#searchBox").on("input", $.debounce(300, function() { doSearch($(this).val()); })); // 使用节流,滚动停止后100毫秒内执行性能优化的函数 $...
jQuery是一款强大的JavaScript库,它简化了HTML文档遍历、事件处理、动画设计以及Ajax交互等任务。jQuery的易用性和广泛的社区支持使得它成为前端开发的首选工具之一。Fancybox正是利用jQuery的强大功能,实现了图片...
1. **安装与引入**:首先需要在项目中引入jQuery库,然后下载jQuery-Impromptu并将其JavaScript和CSS文件引入到HTML中。 2. **初始化对话框**:通过$.prompt函数启动对话框,可以传递参数来设置标题、内容、按钮等...
jQuery-zsign是一款基于jQuery的JavaScript插件,它能够帮助开发者轻松地在网页上实现动态的电子签章效果。本篇文章将详细讲解该插件的原理、使用方式以及应用场景。 一、jQuery-zsign简介 jQuery-zsign是专为Web...
在Web开发中,为了满足全球用户的使用需求,网站和应用程序的国际化(i18n)是必不可少的。jQuery.i18n.properties是一款针对jQuery设计的轻量级国际化插件,它使得在前端实现语言切换变得简单高效。本文将深入探讨...
通常,这个文件会和jQuery库文件一同存在,例如在Scripts文件夹下。在VS中,你需要设置项目的JavaScript引用,添加对jQuery库和vsdoc.js的引用,这样VS才能识别并启用代码提示功能。 总的来说,jQuery-1.7.2-vsdoc....
在Web开发领域,jQuery UI是一个广泛使用的JavaScript库,它扩展了基础的jQuery功能,提供了丰富的用户界面组件,如日期选择器、对话框、拖放操作等。在本篇文章中,我们将深入探讨jQuery UI 1.8.10自定义版本,并...
《jQuery源码映射文件详解——以jquery-2.0.3.min.map为例》 在JavaScript的世界里,jQuery是...对于任何使用压缩后的jQuery库或者其他JavaScript库的开发者来说,理解并合理使用Source Maps都是一个必不可少的技能。
jQuery库是基于JavaScript实现的,但它不直接与ECMAScript版本关联,因为jQuery的API设计旨在提供一致性和易用性,而不是严格遵循特定的ECMAScript版本。 标签中的“python”和“前端”暗示了这个库可能是在Python...
### jQuery基础知识及应用 #### 一、jQuery简介与特点 1. **定义**:jQuery是一种广泛使用的开源JavaScript库,它简化了HTML文档遍历、事件...掌握jQuery的核心概念和技术细节对于前端开发者来说是必不可少的技能。
Jquery-Lweight-Validate是一款专为JavaScript设计的轻量级校验框架,它以其简洁、高效的特点深受开发者喜爱。本文将深入探讨这款框架的核心功能和使用方法。 Jquery-Lweight-Validate框架的核心理念是提供一种简单...
1. 引入库:在项目中引入jQuery、jQuery Validation主库和jQuery Validation Unobtrusive库。通常,这些库可以通过NuGet或CDN获取。 2. 设置数据属性:在表单元素上使用data-*属性指定验证规则,例如: ```html ...
`会将指定的div元素向右移动50像素,持续1秒。 此外,jQuery还提供了丰富的插件生态系统,如jQuery UI、jQuery Validation Plugin等,这些插件扩展了jQuery的功能,涵盖了表单验证、日期选择器、拖放操作等多种应用...
1. 引入库文件:首先,你需要在你的HTML文件中引入jQuery库(如果还未引入)和jQuery QRCode的JavaScript文件。一般情况下,这两个文件会放在项目的`js`目录下。 ```html <script src="https://code.jquery....