在JavaScript中应用Object
JavaScript是一种客户端脚本语言,在大多数情况下,它被用来制作在 Web页面上飞来飞去的对象,或用于确认HTML 表单中的输入数据合法性。但是,如果你超越这些表象深入挖掘,就会发现,这种简单易学的语言还有许多许多其它用途。比如,JavaScript中面向对象(Object)的结构体系。你还不知道在JavaScript中面向对象是怎么一回事情吧?没有关系,请跟我来。
JavaScript的对象模型所提供的功能和灵活性并不如Java 和 Perl语言那样多,但是,你很快就能看到,即便是有限的功能有时候也能用得非常方便顺手。并且,如果考虑得再多一点,开发人员使用 JavaScript对象可以明显地减少用于代码开发和测试方面的时间。当然,由此构造的精巧美妙网页,还能赢得同事的尊重和隔壁漂亮女孩的爱慕 :
一. 对象概览
介绍对象结构之前,首先给快速浏览一下对象的世界里面都有什么?
在 JavaScript中,一个“对象构造器”只是一套程序语句,它们用于完成一项特殊任务:它们为一个对象设置基本规则,规定它能够做什么,不能做什么。一个典型的对象构造器包含变量和函数,并且作为模板,从中产生出对那个对象的特殊例示。
每个从模板中构造出的对象具有一些特征或“属性”,还有一些预先定义的函数或“方法”,这些属性和方法直接对应于对象定义中的变量和函数。
对象被定义之后,JavaScript就允许你根据自己的需要生成许多例示。这些例示中的每一个都是一个完全独立的对象,具有自己的属性和方法,而且可以独立于其它对象进行操作。
现在你可能疑惑:这是不是有点多余?因为JavaScript允许创建自定义函数,并在代码中需要的地方使用它们。这难道还不够吗?是的,如果只想生成一个对象,那么函数就可以完成这项任务。
但是,常常要为一个对象生成多于一个的例示。例如,多个菜单树,多个图象交换。在这种情况下,最好使用对象,这样每个例示都有其自己的变量和函数,不需影响程序中的其它变量就能够进行操作。
对象还有助于保持代码的模块化。你可以在一个单独的文件中定义一个对象构造器,只在使用到这个对象的页面中包含这个文件。这样,就大大地简化了代码的修改,因为只需要编辑一个文件就能向生成的所有对象中增加新的功能。
二. 定义对象构造器Sumthing
这以前你可能已经遇到过JavaScript对象了,比如下面的代码创建了图象对象的一个新例示:
这是我在网上摘入的,贴上来与大家一起学习学习。 在JavaScript中应用Object(1)
时间: 2024-09-24 15:51:56
这是我在网上摘入的,贴上来与大家一起学习学习。 在JavaScript中应用Object(1)的相关文章
干货 | 算法工程师入门第二期——穆黎森讲增强学习(二)
雷锋网(公众号:雷锋网)按:大牛讲堂算法工程师入门系列第二期-穆黎森讲增强学习(二),上一讲内容主要涉及增强学习基本概念及Deep Q Learning的相关内容,本讲除了Deep Q Learning的相关拓展内容.DQN和近期的一些进展. 传送门:干货 | 算法工程师入门第二期--穆黎森讲增强学习(一) Beyond Deep Q Learning DQN将一个强大的工具deep neural network 引入RL,解决了这中间遇到的很多新问题,收到了很好的效果.自从这篇工作以后,一方面
从网上,人群,专家的博客上都找不到,计算万年历中闰年的简单公式
问题描述 从网上,人群,专家的博客上都找不到,计算万年历中闰年的简单公式 从网上,人群,专家的博客上都找不到,计算万年历中闰年的简单公式 解决方案 public static bool isLeapYear(int year) { return ((year % 4 == 0 && year % 100 != 0) ||year%400==0); } 1.非整百年能被4整除的为闰年.(如2004年就是闰年,2010年不是闰年) 地球公转示意图 地球公转示意图 2.整百年能被400整除的是闰
一入侯门“深”似海,深度学习深几许(深度学习入门系列之一)
更多深度文章,请关注云计算频道:https://yq.aliyun.com/cloud [导言]目前人工智能非常火爆,而深度学习则是引领这一火爆现场的"火箭".于是,有关"深度学习"的论文.书籍和网络博客汗牛充栋,但大多数这类文章都具备"高不成低不就"的特征.对于高手来说,自然是没有问题,他们本身已经具备非常"深度"的学习能力,如果他们想学习有关深度学习的技术,直接找来最新的研究论文阅读就好了.但是,对于低手(初学者)而言,
immutable.js 在React、Redux中的实践以及常用API简介
简介 这个immutable Data 是什么鬼,有什么优点,好处等等,我就不赘述了,这篇Immutable 详解及 React 中实践讲的很透彻. 一个说明不可变的例子 这个可变和不可变是相对于 JavaScript原生引用类型来说的. // 原生对象 let a1 = { b: 1, c: { c1: 123 } }; let b1 = a1; b1.b = 2; console.log(a1.b, b1.b); // 2, 2 console.log(a1 === b1); // true
前端面试题目搜集
前端面试题目搜集 一.理论知识 1.1.讲讲输入完网址按下回车,到看到网页这个过程中发生了什么 a. 域名解析 b. 发起TCP的3次握手 c. 建立TCP连接后发起http请求 d. 服务器端响应http请求,浏览器得到html代码 e. 浏览器解析html代码,并请求html代码中的资源 f. 浏览器对页面进行渲染呈现给用户 参考<一次完整的HTTP事务是怎样一个过程> 1.2.谈谈你对前端性能优化的理解 a. 请求数量:合并脚本和样式表,CSS Sprites,拆分初始化负载,划分主
JavaScript 学习 - 提高篇_javascript技巧
JavaScript 学习 - 提高篇 一. JavaScript中的对象. JavaScript中的Object是一组数据的key-value的集合, 有点类似于Java中的HashMap, 所有这些数据都是Object里的property. 通常情况下, JavaScript中建立一个对象用"new"加上constructor function来实现. 如new Date(), new Object()等. var book = new Object();book.name = &
JavaScript创建对象的方式小结(4种方式)_javascript技巧
本文实例总结了JavaScript创建对象的方式.分享给大家供大家参考,具体如下: 潜意识里,JavaScript不能算是面向对象的语言,要算也只能说是趋向面向对象的一种语言,至少它不能很好的吻合面向对象最基本的三大特性(继承.封装.多态),当然有很多人就认为JavaScript是面向对象语言,好像也说得没错,因为面向对象也能在JavaScript中实现,比如说继承.封装吧也都可以在JavaScript中实现,但是实现方便吗?所以我觉得很疑惑.看到网上有一网友评价的很好,"面向对象只是一种思想,
网上充值勿入山寨网页
荆楚网消息 (楚天都市报) 在百度上搜索中国移动的网上营业厅给手机充值,弹出来的却是一个山寨的骗子网站,被骗了50元话费后,21岁的读者刘飞(化名)感觉"很受伤". 刘飞是武汉神龙公司的一名员工.前晚8时许,他下班回到家中,打开笔记本电脑给快要欠费的手机网上充值.以往,刘飞在百度中搜索中国移动网上营业厅,就可以在该网页上看到排在第一个的中国移动网上营业厅,进入该网站可以用 网上银行直接充值.这次,刘飞直接打开百度搜索中的第一个网页--"中国移动手机在线充值缴费中心"
年轻女孩网上卖珠宝月入四万美元
秋日的午后,与李勤建一起坐在北京虹桥市场附近的一家快餐店中聊天.李勤建在网上做珠宝生意,主营珍珠,旺季的月销售额能达到四万美元,利润丰厚.这位25岁女孩的"事业"实在让人惊羡.她看起来还像一个学生:不太善言辞,除非是和很熟的朋友在一起.现在,她的手下已经有六七名员工,公司名字叫做"jyxpearl". 互联网,是李勤建这样的年轻人成功的一个全新舞台.他们的生活方式富有.自由而又充满梦想.她这种"老板"身份和一般人对于传统公司老板的认知有很大的不同