美文网首页
JS创建对象的方法

JS创建对象的方法

作者: 女山湖小伙子 | 来源:发表于2017-04-01 11:08 被阅读38次

初学JS,总结一下JS创建对象的几种方法
例如创建一个student对象,属性有age和name,方法是show age和name
一、直接创建
var obj = {‘属性名1’:值1,
‘属性名2’:值2,
‘功能名1’:function(){…},
};
属性中的引号可以去掉
<pre>
var student = {
name : "wangmeng",
age : 12,
showInfo : function showInfo() {
// body...
alert("wo jiao"+this.name+"jinnian"+this.age)
}
}

 student.showInfo()

</pre>

二、先创建一个空对象
<pre>
var student = Object()
student.name = "wangmeng"
student.age = 12
student.showInfo = function(){
alert("wo jiao"+this.name+"jinnian"+this.age)
}
</pre>

三、构造器创建
<pre>
function Student(name,age){
this.name = name
this.age = age
this.showInfo = function() {
alert("I am"+name+",today"+age)
}
}
</pre>

var wangmeng = new Student("wangming",12)
wangmeng.showInfo()

四、动态构造
JS继承:
js中一切继承都是用原型对象实现的!
原型对象:每个函数对象都有一个原型对象
构造函数的原型对象负责保存所有子对象共享的成员
建议:所有子对象共享的方法,都应该定义在构造函数的原对象中。——避免重复定义方法对象,浪费内存。
说明:其实所有内置类型的API都是定义在类型.prototype

扩展对象属性:2种展
1.扩展共有属性:通过构造函数.prototype添加的属性
2.扩展自有属性: 通过某一个具体子对象添加的属性

如果判断是自有属性还是共有属性
1.判断自有属性:obj.hasOwnProperty(属性名)
2.判断共有属性: “属性名” in obj && !obj.hasOwnProperty

<pre>
function Student(name,age){
this.name = name
this.age = age
}

 Student.prototype.showInfo = function() {
    alert("I am "+this.name+" and this year"+this.age+" years old")
 }

 var lilei = new Student("lilei",12)
 var hmm = new Student("hmm",14)
 Student.prototype.money = 100
 Student.prototype.money -= 20 
 hmm.banfei = 10

</pre>

五、Object.create(父对象,{扩展属性的列表对象})
<pre>
var student = Object.create({name:"wangmeng",age:12})
</pre>

相关文章

  • 对象,属性,方法,属性绑定

    vue创建在js里面对象的创建方法

  • JS创建对象方法之工厂方法,构造函数方法

    JS创建对象方法之工厂方法,构造函数方法 我们在ECMAScript中创建对象虽然可以通过Object()构造方法...

  • js对象的创建

    一、创建对象的方法 阅读犀牛书(《javascript权威指南》),书中将js创建对象的方法分为四种,对象字面量、...

  • JS创建对象的方法

    初学JS,总结一下JS创建对象的几种方法例如创建一个student对象,属性有age和name,方法是show a...

  • JS数组 && ES6扩展

    JS数组创建 1.以 Array 对象的语法创建 2.以 字面量 方法创建 JS数组方法 1.添加元素 push(...

  • 2017-4-1 VUE

    JS的方法 1、类型判断的方法 2、创建对象构造函数 3、JS基础函数和语法

  • JavaWeb (day3)

    1.js 的 string 对象 创建 string 对象 方法和属性(1)与 html 相关的方法 bold()...

  • JS创建对象的方法

    1.对象的理解 对象是单个实物的抽象,一个网页都可以称为一个对象.接下来我们将接受几种方法如何在编程中创建对象. ...

  • JAVAWeb(第二周)

    js的String对象 创建String对象 var str="abc"; 方法和属性 ***属性: lengt...

  • 第3章 ES6类(Class)使用

    目标 Class基本语法 constructor方法 类的实例对象 1、Class基本语法js传统创建新对象的方法...

网友评论

      本文标题:JS创建对象的方法

      本文链接:https://www.haomeiwen.com/subject/eamuottx.html