(转载)JavaScript中面向对象那点事

时间:2022-09-30 19:27:42

鉴于自己在JavaScript这方面比较薄弱,所以就找了一本书恶补了一下(被称为犀利书的JavaScript权威指南)。书的内容虽然多了点,但这也充分说明了js中的东西还是挺多的。虽然我们的定位不是前端,但最好还是了解一下js这个发展了将近20年但依然很火的技术。

两年前,写过一篇关于JavaScript闭包的博客,所以对闭包这个词印象很深,在看这书的时候,又看到了闭包,那么这次再看闭包,会有什么不同的理解呢?

大家都知道,在JavaScript中是没有类的概念的,更没有私有、公有的成员变量这样的概念。但是它又是确确实实存在着这些东西。

看下面例子:

  1. function MyClass(){
  2. this.name='李四';
  3. var age=2;
  4. }
  5. var test=new MyClass();
  6. alert(test.name); //李四
  7. alert(test.age)     //undefined
  8. test.name='张三';

在用谷歌浏览器调试的过程中,age的值始终无法看到,但确实是存在的。虽然在调用test.age的时候,不会报错,但它取不出来age的值。而对于name来说,它用的是this.来修饰的,那么它就相当于是public的变量了。而用var声明的变量,就是private,至于class(Java中)这个嘛,非function莫属了。

那么对于private的变量应该怎样访问呢?

在Java中对于private的变量,我们要访问它,是为其提供了get、set方法对其进行操作,在这里也一样。看下面代码:

  1. this.name='李四';
  2. var age=2;
  3. this.getAge=function(){
  4. alert(age);
  5. }
  6. this.setAge=function(value){
  7. if(value>0 && value < 150)
  8. age=value;
  9. }
  10. }
  11. var test=new MyClass();
  12. test.getAge()     //2
  13. test.setAge(11);
  14. test.getAge();    //11

在这里,这完全模拟了一个Java类中的public、private属性及私有属性的操作。

对于私有属性操作的方式,在JavaScript中有一个特有的称呼:闭包。

通过Java类的声明来理解JavaScript,突然发现曾经认为难以理解的闭包,变得不太理解为什么定义这样一个概念。

虽然目前为止还没有生成javascript属性的get、set方法,但ext已经提供了这样的工具方法来使javascript对象的属性直接具有get、set方法。

在以往的javascript使用过程中,我们更多的是采用面向过程方式,这也就暴露了我们对于js代码的复用程度很低。js的面向对象,势在必行。

(转载)JavaScript中面向对象那点事的更多相关文章

  1. JavaScript中面向对象那点事

    鉴于自己在JavaScript这方面比較薄弱.所以就找了一本书恶补了一下(被称为犀利书的JavaScript权威指南).书的内容尽管多了点,但这也充分说明了js中的东西还是挺多的.尽管我们的定位不是前 ...

  2. javascript中面向对象的5种写法

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  3. JavaScript中面向对象的三大特性(一个菜鸟的不正经日常)

    经过几天的学习,把jQuery给啃会了,但是运用的还不算特别熟练,总感觉自己在JavaScript方面的基础十分欠缺,所以继续拾起JavaScript,开始更好的编程之旅~ 今天学的是JavaScri ...

  4. JavaScript中继承的那些事

    引言 JS是一门面向对象的语言,但是在JS中没有引入类的概念,之前特别疑惑在JS中继承的机制到底是怎样的,一直学了JS的继承这块后才恍然大悟,遂记之. 假如现在有一个“人类”的构造函数: functi ...

  5. 转载 javascript中的正则表达式总结 一

    定义正则表达式的方法 定义正则表达式的方法有两种:构造函数定义和正则表达式直接量定义.例如: var reg1 = new RegExp('\d{5, 11}'); // 通过构造函数定义 var r ...

  6. 转载&colon; JavaScript中执行环境和栈

    在这篇文章中,我会深入理解JavaScript最根本的组成之一 : "执行环境(执行上下文)".文章结束后,你应该对解释器试图做什么,为什么一些函数/变量在未声明时就可以调用并且他 ...

  7. &lbrack;转载&rsqb;JavaScript 中小数和大整数的精度丢失

    标题: JavaScript 中小数和大整数的精度丢失作者: Demon链接: http://demon.tw/copy-paste/javascript-precision.html版权: 本博客的 ...

  8. 转载 javascript中&lpar;function&lpar;&dollar;&rpar;&lbrace;&period;&period;&period;&rcub;&rpar;&lpar;jQuery&rpar;写法是什么意思

    javascript中(function($){...})(jQuery)写法是什么意思   这里实际上是匿名函数function(arg){...}这就定义了一个匿名函数,参数为arg 而调用函数 ...

  9. 转载 javascript中的正则表达式总结 二

    学习正则表达式 今年的第一篇javascript文章就是这个正则表达式了,之前的文章是转载别人的,不算自己的东西,可以忽略不计,最近突然想把转载别人的东西 统统删掉,因为转载过的文章,我根本没有从中获 ...

随机推荐

  1. GC之详解CMS收集过程和日志分析

    2016-08-23   关于GC的算法和垃圾收集器的种类就暂且不说了,网上有大把的资料供参考 话题引入 让我们先简单的看下整个堆年轻代和年老代的垃圾收集器组合(以下配合java8完美支持,其他版本可 ...

  2. 一篇文章一张思维导图看懂Android学习最佳路线

    一篇文章一张思维导图看懂Android学习最佳路线 先上一张android开发知识点学习路线图思维导图 Android学习路线从4个阶段来对Android的学习过程做一个全面的分析:Android初级 ...

  3. POJ 1077 &amp&semi;&amp&semi; HDU 1043 Eight A&ast;算法&comma;bfs&comma;康托展开&comma;hash 难度&colon;3

    http://poj.org/problem?id=1077 http://acm.hdu.edu.cn/showproblem.php?pid=1043 X=a[n]*(n-1)!+a[n-1]*( ...

  4. location对象的属性和方法应用&lpar;解析URL&rpar;

    本文将与大家分享下location对象使用属性和方法来解析URL的实例,感兴趣的朋友可以参考下,希望对你有所帮助   location对象提供了很多属性和方法用来解析URL. 复制代码代码如下: &l ...

  5. JavaScript八张思维导图—操作符

    JS基本概念 JS操作符 JS基本语句 JS数组用法 Date用法 JS字符串用法 JS编程风格 JS编程实践 不知不觉做前端已经五年多了,无论是从最初的jQuery还是现在火热的Angular,Vu ...

  6. mysql—常用查询语句总结

    关于MySQL常用的查询语句 一查询数值型数据: ; 查询谓词:>,=,<,<>,!=,!>,!<,=>,=< 二查询字符串 SELECT * FROM ...

  7. unsigned char idata temp&lbrack;8&rsqb;&semi;

    unsigned char 是无符号字符,单字节 idata 表示变量位于内部数据区,外部数据区是 xdata,代码区是 codeidata:固定指前面0x00-0xff的256个RAM,其中前128 ...

  8. 自动化测试基础篇--Selenium多窗口、句柄问题

    摘自https://www.cnblogs.com/sanzangTst/p/7680402.html 有时我们在打开浏览器浏览网页时,当点击网页上某些链接时,它不是直接在当前页面上跳转,而是重新打开 ...

  9. Python3学习之路~2&period;7 文件操作

    对文件操作流程 打开文件,得到文件句柄并赋值给一个变量 通过句柄对文件进行操作 关闭文件 现有文件如下 Somehow, it seems the love I knew was always the ...

  10. python-初始化函数

    #本次学习:初始化函数 #-*- coding:utf-8 -*- class SeniorTestingEngineer: #初始化函数,在创建对象的时候就设置初始值.例如我们在SeniorTest ...