小强的HTML5移动开发之路(27)—— JavaScript回顾2
程序员文章站
2022-05-08 09:38:25
...
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}; ar 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" onclick="f2();"/> </body> </html>
以上就是 小强的HTML5移动开发之路(27)—— JavaScript回顾2的内容,更多相关内容请关注PHP中文网(www.php.cn)!
推荐阅读
-
小强的HTML5移动开发之路(47)——jquery mobile基本的页面框架
-
小强的HTML5移动开发之路(33)—— jqMobi基础
-
小强的HTML5移动开发之路(21)—— PhoneGap
-
小强的HTML5移动开发之路(52)——jquerymobile中的触控交互
-
小强的HTML5移动开发之路(27)—— JavaScript回顾2
-
小强的HTML5移动开发之路(28)—— JavaScript回顾3
-
小强的HTML5移动开发之路(32)—— JavaScript回顾7
-
小强的HTML5移动开发之路(5)——制作一个漂亮的视频播放器
-
小强的HTML5移动开发之路(50)——jquerymobile页面初始化过程
-
小强的HTML5移动开发之路(37)——jqMobi快速入门