`
wzg489326
  • 浏览: 47177 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

JavaScript 学习(一)

阅读更多
创建一个对象
 <script type="text/javaScript">
   var newObject=new Object();
   //创建一个对象
    newObject.firstName="frank";
    //增加一个firstName属性
    newObject.sayName=function(){
        alert(this.firstName);
    }
     //添加一个sayName方法
//调用sayName方法
//    newObject.sayName();
//    newObject["sayName"]();
    var FirstName=newObject["firstName"];
    var whatFunction;
//    if(whatVolume==1){
//        whatFunction="sayName";
//    }else if(whatVolume==2){
//        whatFunction="sayLoudly"
//    }
//    newObject[whatFunction]();
    function sayLoudly(){
        alert(this.firstName.toUpperCase());
    }
    newObject.sayLoudly=sayLoudly;
    //另一种方式添加方法
    newObject["sayLoudly"]();
 </script>

利用json(javaScript Object Notation)创建对象和上面同样的效果。
   function sayLoudly(){
        alert(this.firstName.toUpperCase());
    }
    var newObject={
        firstName:"frank",
        sayName:function(){alert(this.firstName);},
        sayLoudly:sayLoudly
    };
//也可以这样
   var newObject={
        firstName:"frank",
        sayName:function(){alert(this.firstName);},
        sayLoudly:sayLoudly,
        lastName:{
            lastName:"ziggy",
            sayName:function(){alert(this.lastName);}
        }
    };
    newObject.lastName.sayName();

这样也ok
   function sayLoudly(){
        alert(this.name.toUpperCase());
    }
   function sayName(){
       alert(this.name);
   }
    var newObject={
        name:"frank",
        sayName:sayName,
        sayLoudly:sayLoudly,
        lastName:{
            name:"ziggy",
            sayName:sayName
        }
    };
    newObject.lastName.sayName();

JavaScript 中的类,还有构造方法。。。
   function newClass(){
        alert("constructor");
        this.firstName="frank";
        this.sayName=function(){alert(this.firstName);}
       // return this;
    }
    //var nc=newClass();
    var nc=new newClass();
    //nc.firstName="ziggy";  is ok
    nc.sayName();

还可以这样来构造类
   function newClass(){
     this.firstName="frank";
   }
    newClass.prototype.sayName=function(){
        alert(this.firstName);
    }
    var nc=new newClass();
    nc.firstName="ziggy";
    nc.sayName();
    var nc2=new newClass();
    nc2.sayName();

一般用prototypes来添加方法,这样不管有多少个实例,在内存中只有一个sayName方法。
分享到:
评论

相关推荐

    JavaScript完全学习手册

    资源名称:Javascript完全学习手册内容简介:本书分4篇14章,介绍Javascript的知识,全书内容包括:Javascript语法基础、流程控制、函数、内置对象编程、文档对象模型DOM与事件驱动、处理XML、...

    JavaScript学习(一)

    NULL 博文链接:https://jerryzhang.iteye.com/blog/376317

    JavaScript学习指南

    《JavaScript学习指南(第2版)》系统地介绍了JavaScript的基本语法、基本对象、调试工具与排错技术、事件处理机制、浏览器对象模型/文档对象模型(BOM/DOM)等方面的知识,并通过一个复杂的示例深入探讨了Ajax应用。...

    javascript完全学习手册1 源码

    javascript完全自学手册 目 录 第1篇 JavaScript基础篇 第1章 JavaScript简介 1 1.1 JavaScript概述 1 1.1.1 什么是JavaScript 1 1.1.2 JavaScript的基本特点 2 1.1.3 常用的Web开发语言 3 1.2 JavaScript的应用 4 ...

    Javascript学习第一季

    Javascript学习第一季,非常好的JavaScript入门学习资料

    javascript 很不错的一个JavaScript学习参考书

    javascript 很不错的一个JavaScript学习参考书 是打牢JavaScript基础不可缺少的理论知识参考书

    javascript学习手册合集

    javascript学习 JavaScript 是一种属于网络的解释型的脚本语言,已经被广泛用于 Web 应用开发。最早是在HTML 网页上使用,用来给 HTML 网页增加各式各样的动态功能。在过去,JavaScript 只是被用来做一些简单的网页...

    JavaScript,JavaScript最全面的学习资料【JavaScript基础教程第7版】

    我们实习的时候,团队中各组员分别学习并总结的劳动成果,JavaScript基础教程第7版(人民邮电出版社),很全面的知识总结,现在我拿来,分享给想学习JavaScript的求知者,积分要的不多,也算是给我们劳动成果的一点...

    javascript高级编程学习手册

    第一章 javascript语言概述 第二章 JavaScript语言基础 第三章 JavaScript事件处理 第四章 JavaScript基于对象编程 第六章 string,math,array等数据对象 第七章 window及相关顶级对象 第八章 document对象

    accp5.0 javascript指导学习一.rar

    accp5.0 javascript指导学习一.rar

    学习javascript,有这一本数就够了

    javascript学习资源 javascript红皮书 最好的javacript学习资源

    JavaScript学习总结

    本文档,是本人看了大量的JavaScript书籍和文档后,将自己所积累到的关于JavaScript方面的知识总结起来,而写成的一个关于JavaScript的学习总结文档

    一个不错的JavaScript的学习软件

    里面有不少html的特效,还有些JavaScript常用函数的示例,也可以自己修改代码,看显示效果

    javascript学习书籍

    本书作者以实例分析为出发点,带领读者循序渐进地理解每一个脚本,并耐心解释实现期望效果的过程,可帮助读者全面掌握JavaScript技术,把自己平淡无奇的网站打扮得光彩照人。本书的配套网站提供了书中的所有示例代码...

    JavaScript学习指南(第2版).pdf

    《JavaScript学习指南(第2版)》通过列举JavaScript应用的最佳实践和示例,本书展示了如何将该语言集成到浏览器环境中,及如何在符合标准的网站中应用这些已通过实践验证的编码技术。 本书内容: ● JavaScript应用...

    javascript学习手册.zip

    javascript学习手册 JavaScript是一种广泛用于Web开发的编程语言,它可以用于创建动态和交互式的网页效果。无论你是初学者还是有一定编程经验的开发者,掌握JavaScript都是非常重要的。本手册将为你提供一个学习...

    JavaScript学习指南 第3版

    JavaScript学习指南(第3版)》系统地介绍了JavaScript的基本语法、基本对象、调试工具与排错技术、事件处理机制、浏览器对象模型/文档对象模型(BOM/DOM)等方面的知识,并通过一个复杂的示例深入探讨了Ajax应用。...

    JavaScript 学习 - 提高篇

    JavaScript 学习 - 提高篇 一. JavaScript中的对象. JavaScript中的Object是一组数据的key-value的集合, 有点类似于Java中的HashMap, 所有这些数据都是Object里的property. 通常情况下, JavaScript中建立一个对象...

    JavaScript学习心得之概述

    一、JavaScript是一种专为与网页交互而设计的脚本语言,它的的组成 ECMAScript(核心) DOM(文档对象模型) BOM(浏览器对象模型) 1.1ECMAScript  ECMA-262定义的ECMAScrip与Web浏览器没有依赖关系,ECMA-262...

    JavaScript 学习内容概括

    JavaScript 学习内容概括,不是一份完整的JavaScript 学习内容资料,只是提纲,供给那些想学习JavaScript 的同志一个先了解JavaScript 的机会

Global site tag (gtag.js) - Google Analytics