码迷,mamicode.com
首页 > 编程语言 > 详细

javascript_创建对象

时间:2018-05-04 17:02:41      阅读:181      评论:0      收藏:0      [点我收藏+]

标签:new   创建对象   原型   hello   robot   prot   fun   默认   编程   

//javascript_创建对象

//--------------------------------------代码1:
‘use strict‘
// 原型对象:
var Student = {
    name: ‘Robot‘,
    height: 1.2,
    run: function () {
        console.log(this.name + ‘ is running...‘);
    }
};
function createStudent(name) {
    // 基于Student原型创建一个新对象:
    var s = Object.create(Student);
    // 初始化新对象:
    s.name = name;
    return s;
}
var xiaoming = createStudent(‘小明‘);
xiaoming.run(); // 小明 is running...
xiaoming.__proto__ === Student; // true
//--------------------------------------代码1解说:
//1.基于原型创建对象

//--------------------------------------代码2:
‘use strict‘
function Student(name) {
    this.name = name;
    this.hello = function () {
        alert(name + ‘ says:hello!‘);
    };
}
var stu1 = new Student(‘xiaoma‘);
console.log(stu1);
stu1.hello();
//--------------------------------------代码2解说:
//1.基于构造函数创建对象

//--------------------------------------代码3:
‘use strict‘
function Student(props) {
    this.name = props.name || ‘匿名‘; // 默认值为‘匿名‘
    this.grade = props.grade || 1; // 默认值为1
}
Student.prototype.hello = function () {
    alert(‘Hello, ‘ + this.name + ‘!‘);
};
function createStudent(props) {
    return new Student(props || {})
}
var student = createStudent(
    {
        name: ‘小米‘,
        grade:1
    }
);
student.hello();
//--------------------------------------代码3解说:
//1.一个典型的创建对象的编程方法

  

javascript_创建对象

标签:new   创建对象   原型   hello   robot   prot   fun   默认   编程   

原文地址:https://www.cnblogs.com/mexding/p/8990966.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!