A1 javascript对象的基本原理

  JS 的 Object 与其他兄弟面向对象所定义的根本对象,几乎没有什么共同之处。

  JS 的 Object 一旦创建,它不持有任何数据,而且不表示什么语义。

A1.1 对象怎么称为对象

var shinyAndNew = new Object();

  还可以更简单(不久会看到),目前这样就行了。它看起来什么都没有都没包含。直到我们开始添加东西——称为属性的东西。

A1.2 对象的属性

  就像服务器端对象,js 对象可以包含数据和方法。不像服务器端同胞,这些元素不是预先声明。我们随时可以动态创建。

var ride = new Object();
ride.make = 'Yamaha';
ride.model = 'V-Star Silverado 1100';
ride.year = 2005;
ride.purchased = new Date(2005,3,12);

灵活性总是与代价相伴!

例如,后续部分想改变购买日期:

ride.purchased = new Date(2005,3,12);

没问题。除非打错字,purchased 写成 purcahsed

ride.purcahsed = new Date(2005,3,12);

没有编译器会警告:已经错误。名为 purcahsed 的新属性被我们创建,后来我们纳闷,在引用正确拼写的 purchased 属性时为什么新日期无效?

在引用属性时,可以连续的引用对象(作为父对象的属性)的属性。假设给 ride 实例添加新属性以便保存机车的所有者。这个属性是另一个 javascript 对象,包含属性,如所有者的姓名和职业:

var owner = new Object();
owner.name ='Tg';
owner.occupation = 'bounty hunter';
ride.owner = owner;

为了访问嵌套的属性

var ownerName = rade.owner.name;

可以使用的嵌套层次是没有限制的

  顺便说下,这些代码片段创建说明目的的所有中间变量(如 owner)不是必须的。

  到目前为止,我们用(.)操作符来引用对象的属性。但那原来是执行属性引用的更为通用的操作符的同义词。

  例如,一个属性名为 color.scheme,会怎么样?注意到这个名称里的圆点了吗?它在操作中抛出破坏性的错误,因为 javascript 解释器试着将 scheme 当成 color 的内置的属性。

  你说:“好,只要不那样做就行!”不过空格符如何呢?可能被误认为是分隔符而不是名称的一部分的其他字符呢?最重要的是,如果我们不知道属性名称是什么,却把它当作另一个变量里的值,或把它当作表达式的求值结果?

对于所有这些情况,点操作符不足胜任,因此必须以更通用的表达式来访问属性。通用的属性引用操作符的格式为

object[propertyNameExpression]

在那里propertyNameExpression是 javascript 表达式,其求值结果作为字符串而形成将被引用的属性名称。例如,下列3个引用是等效的:

ride.make
ride['make']
ride['m'+'a'+'k'+'e']

也等价于

var p = 'make';
ride[p];

对于其名称并不构成有效 javascript 标识符的属性来说,利用通用的引用操作符是引用该属性的唯一途径,比如

ride["a property name that's rather odd!"]

其属性名称包含对于 javascript 标识符来说不合法的字符(或属性名称是其他变量的值)。

new操作符来创建新实例,并且利用独立的赋值语句来指派每一个属性从而建立对象,是繁琐的事情。

A1.3 对象文本

上一节对摩托车的一些属性建模,并把这个对象指派给名为ride的变量。为了这样做,我们用了两个new操作,名为owner的中间变量和赋值语句。这样既单调乏味又冗长易错,我们难以在快速地检查代码时从视觉上把握对象的结构。

幸亏我们可以使用更为简洁、易于扫读的表示法。

var ride = {
make: 'Yamaha',
model: 'V-Star Silverado 1100',
year: 2005,
purchased: new Date(2005,3,12),
owner:{
name: 'Tg',
occupation: 'bounty hunter'
}
};

这个片段利用 对象字面量 来创建ride对象,与上一节用赋值语句锁创建的ride对象相同。

这个表示法称为JSON

owner属性的声明可见,对象声明可被嵌套。

在 json 里通过在方括号内放置逗号分隔的元素列表来表达数组,

var someValues = [2,3,4,5,6,7,17,19,29,31,37];

从这一节所提供的示例,对象引用经常存储在变量或者其他对象的属性里。

A1.4 对象作为窗体

现在介绍了两种存储JS对象方式:变量和属性。

var aVariable = 'This is a text.';
someObject.aProperty = 'This is a text.';

它们执行了不同的操作吗?并没有。

var 关键字用在顶级层次,在任意函数体之外,它是一个编程友好符号,用来引用预定义的 Javascript windows对象的属性。定义范围内的任意引用都会隐式定义在 window 对象上。这意味着下面的语句,如果在顶级层次(函数体外)是等价的

var foo = 'bar';
window.foo = 'bar';
foo = 'bar';

《jquery实战》javascript 必知必会(1)的更多相关文章

  1. 【EatBook】-NO.1.EatBook.1.JavaData.1.001-《JSON 必知必会-Introduction to JavaScript Object Notation》-

    1.0.0 Summary Tittle:[EatBook]-NO.1.EatBook.1.JavaData.1.001-<JSON 必知必会-Introduction to JavaScrip ...

  2. MySql必知必会实战练习(二)数据检索

    在上篇博客MySql必知必会实战练习(一)表创建和数据添加中完成了各表的创建和数据添加,下面进行数据检索和过滤操作. 1. Select子句使用顺序 select--->DISTINCT---& ...

  3. MySql必知必会实战练习(三)数据过滤

    在之前的博客MySql必知必会实战练习(一)表创建和数据添加中完成了各表的创建和数据添加,MySql必知必会实战练习(二)数据检索中介绍了所有的数据检索操作,下面对数据过滤操作进行总结. 1. whe ...

  4. .NET程序员项目开发必知必会—Dev环境中的集成测试用例执行时上下文环境检查(实战)

    Microsoft.NET 解决方案,项目开发必知必会. 从这篇文章开始我将分享一系列我认为在实际工作中很有必要的一些.NET项目开发的核心技术点,所以我称为必知必会.尽管这一系列是使用.NET/C# ...

  5. H5系列之History(必知必会)

    H5系列之History(必知必会)   目录 概念 兼容性 属性 方法 H5方法       概念     理解History Api的使用方式 目的是为了解决哪些问题   作用:ajax获取数据时 ...

  6. 2015 前端[JS]工程师必知必会

    2015 前端[JS]工程师必知必会 本文摘自:http://zhuanlan.zhihu.com/FrontendMagazine/20002850 ,因为好东东西暂时没看懂,所以暂时保留下来,供以 ...

  7. [ 学习路线 ] 2015 前端(JS)工程师必知必会 (2)

    http://segmentfault.com/a/1190000002678515?utm_source=Weibo&utm_medium=shareLink&utm_campaig ...

  8. H5系列之地理位置(必知必会)

    H5之地理位置必知必会     [02]概念   规范地址:http://www.w3.org/TR/geolocation-API/     HTML5 Geolocation(地理定位)用于定位用 ...

  9. Java并发必知必会第三弹:用积木讲解ABA原理

    Java并发必知必会第三弹:用积木讲解ABA原理 可落地的 Spring Cloud项目:PassJava 本篇主要内容如下 一.背景 上一节我们讲了程序员深夜惨遭老婆鄙视,原因竟是CAS原理太简单? ...

  10. SQL必知必会,带你系统学习

    你一定听说过大名鼎鼎的Oracle.MySQL.MongoDB等,这些数据库都是基于一个语言标准发展起来的,那就是SQL. SQL可以帮我们在日常工作中处理各种数据,如果你是程序员.产品经理或者是运营 ...

随机推荐

  1. Luogu4783 【模板】矩阵求逆(高斯消元)

    对矩阵进行高斯消元直至消为单位矩阵,并在另一个单位矩阵上对其做同样的操作即可. 模意义下的高斯消元可以直接计算系数来避免整行的辗转相除. 还不知道有什么用. #include<iostream& ...

  2. Codeforces Round #374 (Div. 2) C(DAG上的DP)

    C. Journey time limit per test 3 seconds memory limit per test 256 megabytes input standard input ou ...

  3. BZOJ 百题纪念!

    一百题辣! 现在NOI知识点中最基础的那部分已经学完了--这几天发现自己会写SA啊树剖啊可持久化Trie啊之类模板题--还挺开心的-- 逛了两天学长博客之后--BZOJ100题辣--也挺开心的-- 现 ...

  4. bzoj4807 車

    题目大意: Description 众所周知,車是中国象棋中最厉害的一子之一,它能吃到同一行或同一列中的其他棋子.車跟車显然不能在一起打 起来,于是rly一天又借来了许多许多的車在棋盘上摆了起来……他 ...

  5. 【CF61D】Eternal Victory

    题目大意:给定一棵 N 个节点的树,求从 1 号节点(根节点)出发,任意节点结束,且至少经过每个节点一次的最短路径是多少. 题解:首先考虑最终要回到根节点的情况,可以发现最短路径长度一定等于该树边权的 ...

  6. eclipse java build path问题汇总

    背景:在项目开发过程中,很多应用都进行了模块划分,有的时候是jar包依赖,有的时候通过build path进行配置,搞清楚这部分有助于理解项目之间的关系. 1 tms项目开发 1.1 问题描述 项目结 ...

  7. C++并发编程实战---阅读笔记

    1. 当把函数对象传入到线程构造函数中时,需要避免“最令人头痛的语法解析”.如果传递了一个临时变量,而不是一个命名的变量:C++编译器会将其解析为函数声明,而不是类型对象的定义. 例如: class ...

  8. 24. Swap Nodes in Pairs(M);25. Reverse Nodes in k-Group(H)

    24. Swap Nodes in Pairs Given a linked list, swap every two adjacent nodes and return its head. For ...

  9. 把iPad上的视频推送到大麦盒子去

    把iPad上的视频推送到大麦盒子去   最近因为升级家里的宽带,服务商送了一个大麦盒子给我.   大麦盒子,就是一个网络机顶盒,用它可以通过互联网收看电视剧.电影.电视节目.音乐等等.除了它自身带的一 ...

  10. Vue单页面应用阻止浏览器记住密码

    Vue单页面应用阻止浏览器记住密码 ——IT唐伯虎 摘要: Vue单页面应用阻止浏览器记住密码. 现象1:路由切换时再次提示“是否记住密码” 登录页面有个密码输入框,输入账号密码进行登录: 登录完成后 ...