javascript常用的建立对象方法

javascript基本常识(续)


-关键字 break:结束switch分支语句或循环语句(当前的语句)
- 关键字 return:结束当次(continue执行条件成功的这一次)循环进入下一次循环。
- 匿名函数: (function(参数){函数体})()
第一个括号内创建匿名函数,第二个括号用来调用匿名函数,即匿名函数被创建后需即刻使用。


javascript常用的五种建立对象方法


1.直接创建方法:
var 对象变量名=new object();
对象变量名.属性名=属性值;
对象变量名.函数名=function(参数){}
eg:

var xiaoming=new Object();
    xiaoming.name="小明";
    xiaoming.age=19;
    xiaoming.home="湖北十堰";
    xiaoming.gohome=function(name){
    console.log(name+"坐火车从学校回家");
    }

2.对象初始器方法:
var 对象变量名={
属性名:属性值,
函数名:function(参数){函数体}
}
eg:

var cpu={
    name:"翔龙",
    large:"8G",
    color:"grey",
    run:function(){
        console.log(this.name+"已运行");
    }
}

3.prototype原型方法:
function 对象构造器(首字母大写)(){}
对象构造器.prototype.属性名=属性值;
对象构造器.prototype.函数名=function(参数){函数体};
function Student(){}
eg:

Student.prototype.name="小明";
    Student.prototype.age=22;
    Student.prototype.grade=function(a){
        for (var index in a){
            console.log(this.name+"的"+a[index]);
        }
    }

优点:构造器与函数分开。 缺点:不易对变量进行修改。
4.构造函数式:
function 构造函数(参数){
this.属性=属性值;
this.函数=函数名;
}
function 函数名(参数){函数体}

function 构造函数(参数){
this.属性=属性值;
this.函数=function(参数){函数体}
}
即构造函数式可以选择将函数体放在结构体内部或者外部。
eg:

function Student(){
    this.name=小明;
    this.age=19;
    this.grade=function(a){
        for (var index in a){
            console.log(this.name+"的"+a[index]);
        }
    }
}

优点:易对变量进行修改 缺点:构造函数与函数未分开。
5.混合式(构造式与原型式的结合)用函数式方法为变量赋值,用原型式方法为其丰富函数。
eg:

var grade=["语文成绩为85","数学成绩为66","外语成绩为97","综合成绩为87"];
var age=16;
var name="黄天霸";

function Student(name,age){
    this.name=name;
    this.age=age;
}
Student.prototype.grade=function(a){
    for(var index in a){
        console.log(this.name+"的"+a[index]);
    }
}
var lilei=new Student(name,age);
lilei.grade(grade);

由于混合式结合了构造式与原型式的优点,它被应用的范围最广。


如何对图片进行替换


SetInterval(方法,x)//在x毫秒后重复执行方法
以及如何对图片进行替换:

<img src="img/1.jpg" id="image"/>
<script>
    var a=document.getElementById("image");
    a.src="img/2.jpg";
<script>

这段代码中,在script内置对象中调用了document对象中的getElementById方法,它可以将id对应id的图片换成下面的图片。


猜你喜欢

转载自blog.csdn.net/Ricardo_Y_Lu/article/details/81408119