JS(一)基础知识与对象

页面导航:首页 > 网络编程 > JavaScript > JS(一)基础知识与对象

JS(一)基础知识与对象

来源: 作者: 时间:2016-02-03 09:20 【

一、简介在JS中,一切皆为对象。字符串、数组、函数等都是对象。二、常见的js功能 ** * 显示对象的属性方法一 * @returns * function myFunction1(){person = {firstname: David ,lastname:

一、简介

在JS中,一切皆为对象。字符串、数组、函数等都是对象。

二、常见的js功能

/**
 * 显示对象的属性方法一
 * @returns
 */
function myFunction1(){
	person = {firstname:"David",lastname:"Smith",age:30,sex:'男'};//每一个都是一个新对象,属性值可以不固定
	//person2 ={...};
	printInfo(person);
}
/**
 * 显示对象的属性方法二
 */
function myFunction2(){
	person = new Object();
	person.firstname ="David";
	person.lastname = "Smith";
	person.age = 30;
	person.sex = '男';
	printInfo(person);
}
/**
 *构造函数
 * @returns
 */
function Person(firstname,lastname,age,sex){
	this.firstname = firstname;
	this.lastname= lastname;
	this.age = age;
	this.sex = sex;

	this.test = test2;//这个一定不能少
	function test2(){
		document.write("调用了Person的test()");
		//alert("调用了Person的test()");
	}
}
/**
 * 显示对象的属性方法三
 */
function myFunction3(){
	var p = new Person("David","Smith",30,'男');
	//
	p.test();
	//
	//printInfo(p);
}
/**
 * 遍历Person对象的属性
 */
function traversalPerson(){
	//这里如果要遍历的话,不能使用构造函数创建对象,
	var p = {firstname:"David",lastname:"Smith",age:30,sex:'男'};
	var str="";
	var x;
	for(x in p){
		str += p[x]+",";//JS中用 "+=",php中用".="
	}
	//document.write(str);
	document.getElementById("div1").innerHTML=str;
}
/********************通用的方法******************************/
/**
 * 输出人物信息
 */
function printInfo(person){
	document.getElementById("div1").innerHTML="姓名:" + person.firstname + " " + person.lastname + ",年龄:"+person.age+",性别:" + person.sex;
}













Tags:

文章评论

最 近 更 新
热 点 排 行
Js与CSS工具
代码转换工具

<