`
wzg489326
  • 浏览: 48072 次
  • 性别: 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学习(一) JavaScript是一种广泛应用于网页和网络应用的脚本语言,由 Netscape 的 Brendan Eich 在1995年发明。它主要用于客户端的网页交互,赋予网页动态功能,如响应用户操作、处理数据、与服务器通信...

    JavaScript学习指南 高清 PDF

    这份"JavaScript学习指南"高清PDF,无疑为想要深入理解JavaScript的初学者或有一定基础的开发者提供了宝贵的资源。下面,我们将深入探讨JavaScript的一些关键知识点。 1. **基础语法**:JavaScript的基础包括变量、...

    JavaScript学习指南

    JavaScript学习指南 JavaScript,一种广泛应用于网页和网络应用的脚本语言,是互联网上最流行的编程语言之一。它主要用于客户端的交互式网页开发,也可以在服务器端通过Node.js平台进行后端开发。JavaScript与Java...

    JavaScript学习指南 源代码

    本“JavaScript学习指南”源代码包含了深入理解并掌握JavaScript编程的关键知识点。 一、基础语法 JavaScript的基础语法包括变量声明(var、let、const)、数据类型(如字符串、数字、布尔值、null、undefined、...

    JavaScript 帮助 学习 文档

    JavaScript是一种广泛应用于网络开发的脚本语言,它主要在客户端运行,为网页添加交互性,提升用户体验。这个“JavaScript帮助学习文档”包含了丰富的资源,旨在帮助初学者和进阶者深入理解和掌握JavaScript的核心...

    JavaScript学习样例源码

    这个名为"JavaScript学习样例源码"的压缩包显然包含了一些用于教学和实践的JavaScript代码示例,旨在帮助初学者更好地理解和掌握JavaScript的核心概念。 1. **DOM操作**:在JavaScript中,Document Object Model ...

    JavaScript学习帮助文档_JavaScript学习帮助文档_javascript_

    总之,这份"JavaScript学习帮助文档"涵盖了JavaScript的基础到高级概念,对于初学者来说是一份宝贵的资源。通过深入学习和实践,不仅可以掌握JavaScript语言本身,还能了解Web开发的全貌,为成为一名优秀的前端...

    头歌教学实践平台 Web前端开发基础 JavaScript学习手册六:JS条件语句

    JavaScript是Web前端开发的核心语言之一,它为网页和应用程序提供了动态交互的能力。在JavaScript中,条件语句是控制程序流程的重要工具,它们允许我们根据不同的条件执行不同的代码块,从而实现逻辑判断和决策。本...

    非常全面的JavaScript学习资料

    这份"非常全面的JavaScript学习资料"压缩包,包含了11个深入学习JavaScript的文件,旨在为学习者提供一个详尽且丰富的学习路径。 1. **基础概念**:JavaScript的基础包括变量、数据类型(如字符串、数字、布尔值、...

    关于JavaScript的学习资料

    JavaScript是一种广泛应用于...总的来说,这份JavaScript学习资料包为你提供了一个系统学习和深入理解JavaScript的平台。通过深入阅读、实践和不断探索,你将能够熟练掌握这门语言,为你的Web开发生涯打下坚实基础。

    Javascript学习资料

    在压缩包中还有一个名为"Javascript学习"的文件,可能是另一份文档或电子书,它可能与"10步学习 JavaScript.pdf"相辅相成,提供不同角度的解释或更深入的内容,比如面向对象编程、闭包、模块化、Promise和async/...

    JavaScript学习书籍PDF格式

    这本“JavaScript学习书籍PDF格式”提供了全面深入的学习资源,特别强调实践中的例子,旨在帮助读者掌握JavaScript的精髓和应用。 首先,书名“JavaScript The Good Parts”揭示了本书的重点——探讨JavaScript语言...

    一个不错的JavaScript的学习软件

    这个"一个不错的JavaScript的学习软件"显然提供了一个实践和理解JavaScript的平台,特别是对于初学者来说,它是一个很好的资源。 HTML(HyperText Markup Language)是网页内容的基础结构,而CSS(Cascading Style ...

    JavaScript学习资料全面整理

    这个"JavaScript学习资料全面整理"的资源包很可能包含了上述各个方面的教程、示例代码、实战项目等,对于想要系统学习JavaScript的人来说是一份宝贵的资料。通过深入学习和实践,你可以掌握JavaScript的精髓,成为一...

    JavaScript学习PPT(适合初学者)

    这份"JavaScript学习PPT"是专为初学者设计的,旨在帮助他们掌握JavaScript的基础概念和核心技能。 首先,JavaScript的核心构成包括变量、数据类型、控制结构、函数和对象。变量是存储数据的地方,JavaScript支持...

    JavaScript学习指南带书签PDF

    本书“JavaScript学习指南”旨在帮助初学者和有经验的开发者深入理解和掌握JavaScript的核心概念和技术。 首先,JavaScript在网页中的主要作用是处理用户交互、操作DOM(文档对象模型)、进行AJAX(异步JavaScript...

    accp5.0 javascript指导学习一.rar

    S2_JavaScript_DLC1上机素材则可能是为第二部分(S2)的JavaScript学习准备的实践材料。这部分可能涉及更高级的主题,如对象和原型链、闭包、作用域、事件处理等。这些素材可能包含示例代码、实验项目或案例研究,让...

    javascript学习资料

    JavaScript,也被称为JS,是一种广泛应用于网页和网络...对于想要系统学习JavaScript的人来说,这是一份宝贵的资源。在学习过程中,结合实际项目练习,将更有利于掌握和运用所学知识,成为一名熟练的JavaScript开发者。

    Javascript学习第一季

    "Javascript学习第一季"是一份专为初学者设计的全面学习资源,旨在帮助用户从零开始掌握这门强大的编程语言。 在JavaScript的学习过程中,首先会接触的是基础语法,包括变量声明(var, let, const)、数据类型(如...

Global site tag (gtag.js) - Google Analytics