小强的HTML5移动开发之路（27）—

Javascript面向对象基础知识

1、如何定义一个类，使用如下语法来创建一个类

        function Person(name, age){ //习惯上第一个字母大写//this修饰的变量称为属性this.name = name;this.age = age;//如果属性值是一个函数，则这个属性就是一个方法this.play = function(){alert('play football...');};}

2、如何创建该类的实例

        var p = new Person('zs', 22);p.play();p.name;

3、创建javascript对象的另外两种方式

(1)先创建一个Object类型的实例，然后增加新的属性和方法

javascript是一种动态语言，可以在运行时为对象增加新的属性和方法

          var obj = new Object();obj.name = 'zs';obj.age = 22;obj.play = function(){alert('play...');};

(2)使用“json”语法

            var p = {'name':'zs','age':22};var p = {'name':'zs','play':function(){alert('hello');}};

或者

            var p = {name:'zs',age:22,marrid:false};var p = {name:'zs',play:function(){alert('hello');}};

属性值如果是字符串必须用引号括起来(单双)

属性值允许number,string,boolean,null,Object

         var p = {name:'zs',address:{city:'beijing',street:'ca'}};

一个完整的例子

<html><head><script>function f1(){//var p = {'name':'zs','age':22};//var p = {name:'zs',age:22,marrid:false};var p = {name:'zs',address:{city:'beijing',street:'ca'}};//alert(p.name);alert(p.address.city);}function f2(){var arr = [{'name':'zs','age':22},{'name':'ls','age':32}];alert(arr[1].name);}</script></head><body><input type="button" value="click me" οnclick="f2();"/></body>
</html>

转载于:https://www.cnblogs.com/lanzhi/p/6469288.html

小强的HTML5移动开发之路（27）—— JavaScript回顾2相关推荐

小强的HTML5移动开发之路（18）——HTML5地理定位
来自:http://blog.csdn.net/dawanganban/article/details/18192091 在前面的<小强的HTML5移动开发之路(2)--HTML5的新特性> ...
小强的HTML5移动开发之路（14）——Video标签详解
来自:http://blog.csdn.net/dawanganban/article/details/18180605 在前面的小强的HTML5移动开发之路(5)--制作一个漂亮的视频播放器中制作了 ...
h5builder php,小强的HTML5移动开发之路（49）——HTML5开发神器HBuilder
今天给大家介绍一款开发HTML5的神器--HBuilder. 下载地址:http://www.php.cn/ 一.新建文件可以看到支持web app开发和普通网站前端开发,我们首先建立一个移动App ...
小强的HTML5移动开发之路（51）——jquerymobile中改善页面访问速度
在使用jQuery Mobile进行开发的时候可以选择单页模版和多页模版,在使用单页模版的时候从一个页面跳转到另一个页面的时候需要从服务器请求,用户会感到略有停顿.使用多页模版,可以改善页面跳转之间的 ...
小强的HTML5移动开发之路（6）——Canvas图形绘制基础
在前面提到Canvas是HTML5中一个重要特点,canvas功能非常强大,用photoshop可以实现的效果canvas也同样可以实现,下面我们用canvas实现基本图形的绘制. 一.Canvas标 ...
小强的HTML5移动开发之路（50）——jquerymobile页面初始化过程
为了方便说明和更加直观的展示jquerymobile的页面初始化过程以及各个事件的触发过程,我绘制了一幅流程图: 图中用红色框圈起来的是界面中的事件,測试代码例如以下: <!DOCTYPE ht ...
小强的HTML5移动开发之路（5）——制作一个漂亮的视频播放器
在前面几篇文章中介绍了HTML5的特点和需要掌握的基础知识,下面我们开始真正的体验一下HTML5的优势,我们开始制作一个漂亮的视频播放器吧先别急,在开始制作之前先了解一下视频文件的基本知识. 一.视频 ...
小强的HTML5移动开发之路（10）——在线画板
在这一篇文章中我们用html5来实现一个在线的画板,玩过你画我猜的朋友今天也可以做一个简单的你画我猜小游戏啦,效果如下图所示: 过程很简单直接上代码了: <!DOCTYPE html PUBLI ...
小强的HTML5移动开发之路（43）——JqueryMobile页眉、工具栏和标签栏导航
一.页眉 1.添加页眉和页脚 <div data-role="header"><h1>第 1 页</h1></div> <di ...

小强的HTML5移动开发之路（27）—— JavaScript回顾2

小强的HTML5移动开发之路（27）—— JavaScript回顾2相关推荐

最新文章

热门文章