小强的HTML5移动开发之路(27)—— JavaScript回顾2
2024-08-31 22:13:12
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" onclick="f2();"/>
</body>
</html>
最新文章
- iOS-公司开发者账号的申请和注册(博主原创+亲身经历+2016年申请+附带与邓白氏公司的往来邮件截图)
- Linq to SQL只支持SQL Server(所选对象使用不支持的数据提供程序)
- 树中是否存在路径和为 sum leecode java
- 泛型 Field 和 SetField 方法 (LINQ to DataSet)
- 整理JRE瘦身或精简JRE
- 1059. C语言竞赛
- android小说阅读源码、bilibili源码、MVP新闻源码等
- mysql安装问题(一)
- MacBook IDEA激活码(附视频)
- C#中枚举的使用
- 发现环 (拓扑或dfs)
- JVM的基本结构及其各部分详解(二)
- 將UNITY作品上傳到Facebook App!
- open-falcon之dashboard\portal说明.md
- 泛型通配符extends与super的区别
- 点击劫持漏洞解决( Clickjacking: X-Frame-Options header missing)
- 解析Excel----ExcelHelper
- C#实现局部峰值查找,功能对应Matlab中的findpeaks.m
- Docker--从安装到搭建环境
- [LA3135]node形式的优先队列
热门文章
- 关于查看域名A记录,MX记录,CNAME记录-NSLOOKUP用法介绍
- 94.文件bat脚本自删除
- 【Codeforces Round #429 (Div. 1) B】Leha and another game about graph
- amazeui学习笔记--css(基本样式4)--打印样式Print
- Linux CentOS PhpMyAdmin安装--转载
- Altium Designer一些问题
- 错误代码: 1449 The user specified as a definer (&;#39;root&;#39;@&;#39;%&;#39;) does not exist
- POJ 2752 Seek the Name, Seek the Fame (KMP)
- echart报表插件使用笔记(二)--按月统计
- MyBatis Generator插件之SerializablePlugin