JavaScript大杂烩3 - 理解JavaScript对象的封装性

JavaScript是面向对象的 JavaScript是一种基于对象的语言,你遇到的所有东西,包括字符串,数字,数组,函数等等,都是对象. 面向过程还是面向对象? JavaScript同时兼有的面向过程(函数)的编程体验和面向对象的编程风格,其实对于很多人来说,完全的函数式编程可以很好的解决相关问题,比如荷兰的ppk(著有<ppk谈JavaScript>一书,是JavaScript经典的著作之一)就很擅长使用面向函数的方式解决问题,而对与面向对象编程,使用的反而少了一点:其实对于大多数的页面来…

JavaScript大杂烩1 - 理解JavaScript的类型系统

随着硬件水平的逐渐提高,浏览器的处理能力越来越强大,本人坚信,客户端会越来越瘦,瘦到只用浏览器就够了,服务端会越来越丰满:虽然很多大型的程序,比如3D软件,客户端仍然会存在,但是未来的主流必将是浏览器,也就是Web程序/网站. Web前端开发模式:Thinking in "DIV + CSS + JS (JavaScript)" 任何面向用户的程序,最终都表现为3个部分:界面,逻辑,数据.而经过几十年的编程实践,大家都发现,当把这3个部分以弱耦合的形式结合起来的时候,开发的灵活性和效率…

JavaScript大杂烩4 - 理解JavaScript对象的继承机制

JavaScript是单根的完全面向对象的语言 JavaScript是单根的面向对象语言,它只有单一的根Object,所有的其他对象都是直接或者间接的从Object对象继承.而在JavaScript的众多讨论中,JavaScript的继承机制也是最让人津津乐道的,在了解它的机制之前,先让我们温习一下继承的本质. 继承的本质继承的本质是重用,就是这么简单,重用是软件编程技术向前发展最原始的动力.从语法上来讲,继承就是"D是B"的描述,其中B是基类,描述共性,D是子类,描述特性.例如&q…

JavaScript大杂烩6 - 理解JavaScript中的this

在JavaScript开发中,this是很常用的一个关键字,但同时也是一个很容易引入bug的一个关键字,在这里我们就专门总结一下页面中可能出现的this关键字(包括几种在其他页面文件中出现的this). JavaScript中的this关键字通常只使用在函数中,它指向当前函数的调用者,这是this关键字的本质,所有的使用方式都是围绕这个展开的,让我们来看一下在各种性质的函数中this的用法.1. 在对象的函数中使用this var person = { name: 'Frank', say: f…

JavaScript大杂烩2 - 理解JavaScript的函数

JavaScript中的字面量书接上回,我们已经知道在JavaScript中存在轻量级的string,number,boolean与重量级的String,Number,Boolean,而且也知道了之间的区别.这里补充一点,直接使用字面量定义的变量都是属于前一种类型,例如: var name = 'Frank'; 此外大多数的内置操作返回的也都是前一种类型,这是必须的. function是第一等公民与别的语言不同,在JavaScript中,函数是作为数据类型存在的,所以函数具有数据的静态行为.…

JavaScript大杂烩12 - 理解Ajax

AJAX缘由再次谈起这个话题,我深深的记得就在前几年,AJAX被炒的如火如荼,就好像不懂AJAX,就不会Web开发一样.要理解AJAX为什么会出现,就要先了解Web开发面临的问题. 我们先来回忆一下Web页面的申请过程,这个咱们在第一篇中就介绍过了:Web页面开发就是在无连接和无状态的HTTP协议上管理页面的状态.每次申请页面的时候,服务器都会返回完整的HTML文本(当然还有其他的文本文件),浏览器就负责解析这个文本并在浏览器中显示. 在这个过程中,不管当前页面的内容是不是都变化了,服务器都会…

JavaScript大杂烩10 - 理解DOM

操作DOM 终于到了JavaScript最为核心的部分了,通常来说,操作DOM,为页面提供更为友好的行为是JavaScript根本目标. DOM树 - HTML结构的抽象既然DOM是操纵HTML文档的,那么必然是先要将HTML文档抽象成JavaScript的对象,这样才能使用JavaScript去操作它们. HTML文档抽象的结果是DOM树 - 一棵与HTML结构对应的JavaScript对象组成的树. 先看一个简单的HTML页面: <!doctype html> <html>…

JavaScript大杂烩9 - 理解BOM

毫无疑问,我们学习JavaScript是为了完成特定的功能.在最初的JavaScript类型系统中,我们已经分析过JavaScript在页面开发中充当着添加逻辑的角色,而且我们知道JavaScript不仅仅包含基本的语法规范.下面我们就重点看一下JavaScript在页面中干的那些事.总的来说,JavaScript在页面端就干两件事:操作DOM与操作BOM (当然了向Server获取数据也是它的工作,不过获取到数据后还是回来干这两件事,大家对JavaScript最直接的印象应该就是各种光怪陆离的…

JavaScript大杂烩7 - 理解内置集合

JavaScript内置了很多对象,简单的类型如String,Number,Boolean (相应的"值类型"拥有相同的方法),复杂一点的如Function,Object,Array,它们支撑起来JavaScript编程的基石.由于Number与Boolean很简单,这里就不多说了,下面着重介绍其他的内置对象. 万物之源 - Object对象 JavaScript是单根的,唯一的根就是Object对象,这个对象提供了几个还是不错的方法,值得了解一下. 1. hasOwnProper…

深入理解JavaScript系列+ 深入理解javascript之执行上下文

http://www.cnblogs.com/TomXu/archive/2011/12/15/2288411.html http://blog.csdn.net/hi_kevin/article/details/37761919 深入理解javascript之执行上下文(execution context)…

Java连载37-面向对象的封装性

一.IDE上继续新建工程 1.在src目录下新建软件包:package机制后面再讲,目前先用着 2.给package命名一个名称:com.bjpowernode.java_learning 3.软件包下新建一个类 4.软件包是Java语法中的一部分,后面再讲面向对象的封装性二.快捷键 CTRL + D :删除一行 ALT + / :自动补全 CTRL + ALT + 向下的箭头:复制一行注意:IDE中的内容不保存是不会编译的,因此时刻要保存 main方法自动补全:输入main,然…

JavaScript大杂烩11 - 理解事件驱动

前面我们回顾了前端JavaScript只干的两件事:操作BOM与操作DOM,那么什么时候去干这些事呢?答案是需要干的时候去干.那么什么时候是需要干的时候呢?答案是事件被触发的时候.这就是通常所说的“事件驱动开发”.在事件被触发之前,所有的结构被静态的呈现出来,在事件触发滞后,动态的行为发生,重新产生新的静态结构,事件与状态构成了事件驱动开发的基本要素.下面我们来看看JavaScript中事件的方方面面. 事件的类型事件指由用户直接触发的行为,通常包括下列各种事件: 鼠标事件: 鼠标单击(c…

JavaScript大杂烩8 - 理解文本解析的"黄金搭档"

文本解析"黄金搭档" - String与RegExp对象文本解析是任何语言中最常用的功能,JavaScript中也是一样,而正则表达式作为最常用的方式,JavaScript也同样是支持的,下面就来看看字符串对象与正则表达式对象的配合. 字符串的恒定性在正式开始讨论字符串对象的成员之前,我们需要了解一点,那就是:与C#一样,JavaScript 的字符串是不可变的(immutable),String对象定义的方法都不会改变字符串的内容.像toUpperCase这样的方法,返回的是…

【JavaScript】深入理解JavaScript之强大的原型和原型链

由于JavaScript是唯一一个被广泛使用的基于原型继承的语言,所以理解两种继承模式的差异是需要一定时间的,今天我们就来了解一下原型和原型链. AD: hasOwnProperty函数: hasOwnProperty是Object.prototype的一个方法,它可是个好东西,他能判断一个对象是否包含自定义属性而不是原型链上的属性,因为hasOwnProperty 是 JavaScript 中唯一一个处理属性但是不查找原型链的函数. // 修改Object.prototype Object.p…

高质量的javascript代码 -- 深入理解Javascript

一. 编写高质量的javascript代码基本要点a) 可维护的代码(Writing Maintainable Code)i. 可读(注释)ii. 一致(看上去是同一个人写的)iii. 已记录b) 最小全局变量i. Javascript通过函数管理作用域c) 全局变量问题i. 命名冲突:减少全局变量:命名空间模式和函数立即执行ii. Var命名,未命名就是全局iii. Var a=b=0,b为全局(任务链),从右到左赋值iv. 链分配 var a,b,cd) 忘记var的副作用i. 通过var创…

JavaScript篇深入理解JavaScript函数

JavaScript中的函数 1. 函数的定义两种定义形式: 通过函数定义表达式来定义通过函数声明语句来定义函数声明语句定义一个函数 //计算阶乘的递归函数 function factorial(x){ if (x<=1) return 1; return x*factotial(x-1); } 函数定义表达式定义一个函数 var s= function sum(x,y){ return x+y; } tips:以表达式方式定义的函数(特别适合用来定义那些只会用到一次的函数),函数名是可选…

c# 面相对象2-之封装性

一.封装特性: 这是一种隐藏的特性.可以用一个公式来展示类的封装特性: 封装的类=数据 + 对此数据进行的操作(即算法) 通俗的说,封装就是:包起外界不必要知道的东西,只向外界展露可供展示的东西. 在面向对象理论中,封装这个概念拥有更为宽广的含义.小到一个简单的数据结构,大到一个完成的软件子系统,静态的如某个软件系统要收集数据信息项,动态的如某个工作处理的流程,都可以封装到一个类中. 具备这种封装的意识,是掌握面向对象分析与设计技巧的关键二.类的成员: 成员变量:在类里面定义的变量成员属性…

python 对象的封装性

…

深入理解JavaScript系列（47）：对象创建模式（上篇）

介绍本篇主要是介绍创建对象方面的模式,利用各种技巧可以极大地避免了错误或者可以编写出非常精简的代码. 模式1:命名空间(namespace) 命名空间可以减少全局命名所需的数量,避免命名冲突或过度.一般我们在进行对象层级定义的时候,经常是这样的: var app = app || {}; app.moduleA = app.moduleA || {}; app.moduleA.subModule = app.moduleA.subModule || {}; app.moduleA.subMod…

深入理解JavaScript系列（48）：对象创建模式（下篇）

介绍本篇主要是介绍创建对象方面的模式的下篇,利用各种技巧可以极大地避免了错误或者可以编写出非常精简的代码. 模式6:函数语法糖函数语法糖是为一个对象快速添加方法(函数)的扩展,这个主要是利用prototype的特性,代码比较简单,我们先来看一下实现代码: if (typeof Function.prototype.method !== "function") { Function.prototype.method = function (name, implementation)…

深入理解JavaScript系列（12）：变量对象（Variable Object）

介绍 JavaScript编程的时候总避免不了声明函数和变量,以成功构建我们的系统,但是解释器是如何并且在什么地方去查找这些函数和变量呢?我们引用这些对象的时候究竟发生了什么? 原始发布:Dmitry A. Soshnikov 发布时间:2009-06-27 俄文地址:http://dmitrysoshnikov.com/ecmascript/ru-chapter-2-variable-object/ 英文翻译:Dmitry A. Soshnikov 发布时间:2010-03-15 英文地址:h…