`
Roader123
  • 浏览: 91551 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

JQuery (1)-----JavaScript 必知必会

阅读更多

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-min-2.0 官方压缩版.rar

    jQuery是款优秀的javascript框架,现在它又发布2.0版本。web前端开发人员必备哦。 关于 jQuery 2.0 : JQuery2.0的发布,流行的jQuery JavaScript库到了一个重要里程碑。2.0版本比前任版本在大小上缩减了12%,...

    JavaScript.Visual.QuickStart.Guide 8th(第八版)

    本书是已被奉为经典的JavaScript入门书,以易学便查、图文并茂、循序渐进和善于用常见任务讲解语言知识而著称,讲述JavaScript编程的必知必会知识,同时兼顾了DOM、XML、Ajax、jQuery等重要的相关技术内容。...

    jquery-mobile-player:基于jQuery的移动音乐播放器

    项目说明项目完成于2016年,那时候刚刚了解前端,jQuery似乎是成为了必会的工具,为了提升实战能力于是做了此案例,由于项目包含的MP3文件较大,github仓库移除了res文件夹,完整项目文件见,希望该教程对新人有所...

    新浪微博表情jQuery插件

    表情功能的实现虽说不难,但却比较繁琐,首先要了解新浪微博开放平台的表情API,然后通过某种方式调用,如果通过网页后台代码直接读取储存到JavaScript变量中,又会拖慢网页加载速度,如果采用AJAX读取,又要解决...

    超实用的jQuery代码段

    序1 jQuery必知必会 VIII 序2 你绝对不可能全部做对的jQuery题 XVI 序3 最流行的前端面试题 XXIII 第1章 jQuery操作网页 1.1 显示或隐藏网页内容 1.2 切换页面的显示或隐藏 1.3 实现幻灯片式的淡入淡出效果 1.4 ...

    ·图灵·JavaScript基础

    本书为经典的JavaScript入门书,以易学便查、图文并茂、循序渐进和善于用常见任务讲解语言知识而著称,讲述JavaScript编程的必知必会知识,同时兼顾了DOM、XML、Ajax、jQuery等重要的相关技术内容。

    JQuery&CSS;&CSS;+DIV实例大全.rar

    1)AjaxJavaScript资源 1.JS+CSS仿腾讯QQ首页搜索框无刷新换肤效果代码 2.js+css简单后台二级树形菜单demo示例 3.JS+CSS美化经典Select选项框插件 4.JS+CSS通用一个页面同时三个焦点图轮换效果完整实例 5....

    javascript&jquery;第二版

    英文版的,自己觉得不错,看英文版 比中文的好,到一定时间段,英文必学联系联系,看完后会有大的提升

    Lucky带你玩转JQuery

    HTML 元素选取HTML 元素操作CSS 操作HTML 事件函数JavaScript 特效和动画HTML DOM 遍历和修改AJAX本课程Lucky老师会带着你由浅入深,逐步掌握并与实战案例相结合,做到学以致用, 是作为全栈开发或者前端开发必会技能

    关注jquery技巧提高jquery技能(前端开发必学)

    伯乐在线会持续跟进更新。 回到顶部按钮 预加载图片 检查图片是否加载完毕 自动修复损坏的图片 Hover 上的 Class 开关 禁用 input 字段 停止链接加载 淡入淡出/滑动开关 简单的折叠效果 将两个 Div 设为相同高度 在...

    图库新版jQuery焦点图 JS代码

    tips[12] = '简单抄袭,必死无疑。'; tips[13] = '网站的三个要素中,内容永远最重要,功能其次,表现在最后。'; tips[14] = '从真实用户角度出发去考虑问题,投资人的意见只能作为参考。'; tips[15] = '真实世界中...

    myQuery-web-0615-public

    JavaScript库对于在网络上构建几乎所有内容都是必不可少的,而jQuery是最常见的库之一。 大多数情况下,您会看到它被引用为$ 。 这是一个通用的工具,有时人们很难在没有它的情况下思考JavaScript语言。 但归根结底...

    JSON 必知必会 观后记

    术语 可移植性 平台和系统间传输信息的兼容性。   JSON JavaScriptObjectNotation 对象表示法。   数据交换格式 用于不同平台或系统间交换数据的文本。...字面意思与其想表达的意思完全一致的值。...

    博客::writing_hand:大前端进阶博客

    全栈前端进阶笔记 :writing_hand:记录个人...JavaScript必会框架系列 JQuery源码剖析 为什么要写原始码剖析? 提到jQuery,相信很多前端工程师都知道,这个已经 :fire:了十来年的框架,为前端开发提供便利性的同时也解

    myQuery-web-0715-public

    JavaScript库对于在Web上构建几乎所有内容都是必不可少的,而jQuery是最常见的库之一。 大多数情况下,您会看到它被引用为$ 。 这是一个通用的工具,有时人们很难在没有它的情况下思考JavaScript语言。 但归根结底...

    前端面试常见问题,大厂必备

    一个包含各种前端面试题的文字文件,其中包括了HTML、CSS、JavaScript、jQuery以及其他相关的前端技术的面试题,以及前端开发的基础知识和方法。文件中还包含了关于面试者所需要掌握的其他技能的题目,以及一些关于...

Global site tag (gtag.js) - Google Analytics