javascript对象类型定义,属性和方法在线实例编辑

很多计算机编程语言都支持面向对象的编程,比如python、go,以及javascript。个人认为,面向对象是一种编程思想和编程的模式,可以让编程变得更加具象化,比如可以对一个游戏角色直接编程。关于面向对象,可以参考本站的python教程:python的面向对象OOP,打怪游戏实例升级版


Javascript对象的定义方法

var object = { key:value }

Javascript的对象也是变量,用关键词“var”来定义,属性值通过键值对的方式来声明及赋值:

<script>
var hero = {
  	name:"xiaoming",
  	age:"35",
	se:"100" //武力值
}
alert(hero.name)
</script>

代码解析

如上代码,定义了一个hero的JS对象,属性有name、age和se,“:”后面的字符串便是属性值,注意要用英文逗号“,”隔开,最后一个可以不用逗号。


JS对象属性值的调用

如上面的实例,JS的对象中的属性值的调用跟其它大多数的计算机编程语言的调用方式一样,如下:

用“对象名”+“.”+“属性名”的方式进行调用,即object.propertyName;

JS对象的方法

对象的方法,一般为一个函数:

<script>
function speaksomething(){
	alert("HELLO,英雄登场了!")
}
var hero2 = {
  	say:function (){
    	alert("我是......我的使命是......")
    },
  	speak:speaksomething
}
hero2.say()
hero2.speak()
</script>

代码解析

如上代码,定义了对象hero2的say方法,并通过“对象名”+“.”+“方法名()”的方式进行调用,函数里头的return不是必须的。除此之外,还可以在对象外部对方法的函数进行定义,然后赋值给对象的方法。


JS对象的this关键词简介

JS对象中的this关键词,指向的是函数的拥有者本身,就像python中类的定义中的self关键词,用来访问对象本身,如下面的实例代码:

<script>
var apple = {
  	name:"苹果",
  	describe:function(){
    	alert(this.name+"是一种水果!")
    }
}
apple.describe()
</script>

全栈前端 / JavaScript语法 :





















Copyright © 2022-2024 笨鸟工具 x1y1z1.com All Rights Reserved.