js 创建对象 经典模式全面了解
更新时间：2016年08月16日 09:14:09 投稿：jingxian
下面小编就为大家带来一篇js 创建对象 经典模式全面了解。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
1. 概述
通过构造函数创建对象， 有时忘记了写new， 这时函数就会返回undefined
可以创建一个函数createXXX， 在内部封装new。
function Student(props){
this.name = props.name || '匿名';
this.grade = props.grade || 1;
}
Student.prototype.hello = function(){
alert('Hello, '+ this.name + '!');
}
function createStudent(props){
return new Student(props || {});
}
注意 ， 如果函数没有显示的写明 return xxx; 则返回undefined。
example
利用构造函数定义Cat，并让所有的Cat对象有一个name属性，并共享一个方法say()，返回字符串'Hello, xxx!'：
'use strict';
function Cat(name) {
this.name = name;
}
Cat.prototype.say = function(){
return ('Hello, ' + this.name + '!');
}
// 测试:
var kitty = new Cat('Kitty');
var doraemon = new Cat('哆啦A梦');
if (kitty && kitty.name === 'Kitty' && kitty.say && typeof kitty.say === 'function' && kitty.say() === 'Hello, Kitty!' && kitty.say === doraemon.say) {
alert('测试通过!');
} else {
alert('测试失败!');
}
以上这篇js 创建对象 经典模式全面了解就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
在本文中,我们将学习如何使用 JavaScript 实现一个简单的图片预览功能,我们将使用 HTML、CSS 和 JavaScript 来创建一个用户界面,用户可以输入图片 URL 并实时预览图片,感兴趣的小伙伴跟着小编一起来看看吧2024-07-07
这篇文章主要介绍了JS+CSS实现带关闭按钮DIV弹出窗口的方法,实例分析了div弹出层窗口的实现技巧,非常具有实用价值,具有一定参考借鉴价值,需要的朋友可以参考下2015-02-02
平时写代码时,我们会生产一些测试用的数组数据,比如[1,100]的数组值,下面这篇文章主要给大家介绍了关于如何使用JavaScript快速创建一个1到100数组的相关资料,需要的朋友可以参考下2022-08-08
下面小编就为大家带来一篇a标签置灰不可点击的实现方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-02-02
本文为大家介绍下优化javascript的执行效率一些方法，个人感觉还不错，感兴趣的朋友可以了解下2013-12-12
需要输出成html标签时编译器却自动帮我们输出成字符串，这该怎么办？下面有个三个解决方法，一一测试便知其效果是如何2014-10-10
这篇文章主要为大家详细介绍了Openlayers显示瓦片网格信息，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-09-09
这篇文章主要介绍了Bootstrap选项卡与Masonry插件的完美结合的相关资料,需要的朋友可以参考下2016-07-07
这篇文章主要介绍了js实现卡片式项目管理界面UI设计效果，该UI设计中，将各个项目以卡片的方式堆叠排列在屏幕上，当点击了其中的某个项目的时候，该项目图片会全屏放大，向下滚动鼠标可以看到该项目的介绍信息，需要的朋友可以参考下2015-12-12
JavaScript中innerHTML，innerText，outerHTML的用法及区别
在javascript中如果我们要获取对象内容，js为我们提供了三种方法outerhtml、innerhtml和innertext,但他们之间具体怎么使用与具体的区别在哪里，可能很多人不知道吧，接下来跟着小编一起来学习innerHTML，innerText，outerHTML的用法及区别吧。2015-09-09
最新评论