quick guide to somewhat advanced javascript

本文简要介绍了JavaScript的基础概念,包括JSON、数组、类等核心内容,并通过实例展示了这些概念的实际应用。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

js火了好长时间了,一直也没去学习一下,无意中发现一片快速指南 照着做了一下 发现原来很简单,现记录下来 作为备忘吧
[b][size=large]JSON[/size][/b]
json相当于java中的对象:

var user = {
username:'xuly',
sex:'男',
sayHello:function(){
alert('hello world');
}
};
user.sayHello();

输出:hello world
在js中函数也是一个对象,你可以传递一个函数作为参数,就像传递一个字符串一样

[b][size=large]数组[/size][/b]
这两句是一样的
var a = new Array();  //alert(a.size) == 0
var b = []; //alert(b.size) == 0;

b = ['hello', 34, 'java script'];
b[10] = 32; //alert(b.length) == 11

数组元素可为任何类型 数组型 字符串都是合法的

另外数组下标可以为字符串,主要用于访问对象的属性 如下例
var user = {};
user['username'] = 'xuly';
user['sex'] = '男';
user['sayHello']=function(){
alert('hello world');
};

这效果跟上面json的user对象是一样的
user['sayHello'](); 
user.sayHello();

这两句也是做同一件事的


[b][size=large]类[/size][/b]
js中类的概念是最重要的  下面我们来认识一下类
//定义一个类 :Person
var Person = function(name, age){
this.name = name;
this.age = age;
};

var aPerson = new Person('xuly', 20);
alert(aPerson.name); // output 'xuly'

可以看到js的类就是一个函数, 不同的是这个函数用到了this关键字来定义类属性
上例中只是声明了属性 并没有声明方法 方法是这样声明的
Person.prototype.sayHello = function(){
return 'hello ' + this.name;
};


如果采用prototype.js框架来定义一个类将更加简单
var Persion = Class.create();
Persion.prototype = {
//constructor
initialize:function(name, age){
this.name = name;
this.age = age;
},
sayHello: function(){
return 'hello ' + this.name;
}
};



原文:[url]http://www.sergiopereira.com/articles/advjs.html[/url]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值