JS自定义对象创建与简单使用方法示例


Posted in Javascript onJanuary 15, 2020

本文实例讲述了JS自定义对象创建与简单使用方法。分享给大家供大家参考,具体如下:

<html>
    <head>
        <title>js自定义函数</title>
        <meta charset="UTF-8"/>
        <script type="text/javascript">
            //创建自定义对象
            //方法一:
//            var obj=new Object();
      //方法二
            var obj={};
            obj.name="古河渚";
            obj.height="155";
            obj.weight="45";
            obj.hail=function(a){
                console.log("clannad赛高");
                console.log("古河渚赛高");
            }
            console.log(obj.name);
            obj.hail();
            obj.hail();
        </script>
    </head>
    <body>
        <h3>js自定义函数</h3>
    </body>
</html>

运行结果:

JS自定义对象创建与简单使用方法示例

自定义对象的基本方式:方法一:建立一个object对象      方法二:建立一个{}注意是{}而非()

建立一个自定义对象的原因是因为我们无法提前得知我们这个类应该拥有什么属性值。所以创建自定义对象来方便进行对象属性的添加。创建类的原因是因为我们对一种类的公共属性或是方法有了一定的认识。为了减少代码的冗余而创建的。

感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具:http://tools.3water.com/code/HtmlJsRun测试上述代码运行效果。

更多关于JavaScript相关内容可查看本站专题:《JavaScript常用函数技巧汇总》、《javascript面向对象入门教程》、《JavaScript查找算法技巧总结》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》及《JavaScript数学运算用法总结》

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
收集的网上用的ajax之chat.js文件
Apr 08 Javascript
jQuery formValidator表单验证插件开源了 含API帮助、源码、示例
Aug 14 Javascript
Jquery跳到页面指定位置的方法
May 12 Javascript
JavaScript AOP编程实例
Jun 16 Javascript
APP中javascript+css3实现下拉刷新效果
Jan 27 Javascript
一些实用性较高的js方法
Apr 19 Javascript
vue.js初学入门教程(1)
Nov 03 Javascript
canvas的神奇用法
Feb 03 Javascript
JS实现根据密码长度显示安全条功能
Mar 08 Javascript
jquery中$.fn和图片滚动效果实现的必备知识总结
Apr 21 jQuery
使用vue-cli+webpack搭建vue开发环境的方法
Dec 22 Javascript
原生js实现抽奖小游戏
Jun 27 Javascript
vue移动端使用canvas签名的实现
Jan 15 #Javascript
js实现鼠标拖拽div左右滑动
Jan 15 #Javascript
Vue数字输入框组件示例代码详解
Jan 15 #Javascript
Vue v-bind动态绑定class实例方法
Jan 15 #Javascript
JS 事件机制完整示例分析
Jan 15 #Javascript
JS实现滑动插件
Jan 15 #Javascript
JS实现滑动导航效果
Jan 14 #Javascript
You might like
用PHP读取和编写XML DOM的实现代码
2011/02/03 PHP
推荐一款MAC OS X 下php集成开发环境mamp
2014/11/08 PHP
PHP Ajax实现无刷新附件上传
2016/08/17 PHP
PHP序列化操作方法分析
2016/09/28 PHP
Laravel框架实现简单的学生信息管理平台案例
2019/05/07 PHP
php实现QQ小程序发送模板消息功能
2019/09/18 PHP
jQuery UI-Draggable 参数集合
2010/01/10 Javascript
jQuery Ajax 仿AjaxPro.Utility.RegisterTypeForAjax辅助方法
2011/09/27 Javascript
jquery封装的对话框简单实现
2013/07/21 Javascript
sails框架的学习指南
2014/12/22 Javascript
Javascript动态创建表格及删除行列的方法
2015/05/15 Javascript
异步加载JS、CSS代码(推荐)
2016/06/15 Javascript
Bootstrap基本插件学习笔记之Alert警告框(20)
2016/12/08 Javascript
判断滚动条滑到底部触发事件(实例讲解)
2017/11/15 Javascript
利用原生的JavaScript实现简单拼图游戏
2018/11/18 Javascript
微信小程序日历/日期选择插件使用方法详解
2018/12/28 Javascript
Node.js Windows Binary二进制文件安装方法
2019/05/16 Javascript
vue移动端使用canvas签名的实现
2020/01/15 Javascript
详解Vue.js3.0 组件是如何渲染为DOM的
2020/11/10 Javascript
[01:11:35]Liquid vs LGD 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
[50:12]EG vs Fnatic 2018国际邀请赛小组赛BO2 第二场 8.19
2018/08/21 DOTA
零基础写python爬虫之抓取糗事百科代码分享
2014/11/06 Python
Python验证码识别的方法
2015/07/10 Python
使用FastCGI部署Python的Django应用的教程
2015/07/22 Python
将字典转换为DataFrame并进行频次统计的方法
2018/04/08 Python
Python使用pydub库对mp3与wav格式进行互转的方法
2019/01/10 Python
Python3中exp()函数用法分析
2019/02/19 Python
Python爬虫beautifulsoup4常用的解析方法总结
2019/02/25 Python
wxPython绘图模块wxPyPlot实现数据可视化
2019/11/19 Python
使用 Supervisor 监控 Python3 进程方式
2019/12/05 Python
PyCharm取消波浪线、下划线和中划线的实现
2020/03/03 Python
python Canny边缘检测算法的实现
2020/04/24 Python
欧洲最大的球衣网上商店:Kitbag
2017/11/11 全球购物
高中生操行评语
2014/04/25 职场文书
应届毕业生自荐书
2014/06/18 职场文书
2014年重阳节活动策划方案书
2014/09/16 职场文书