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 相关文章推荐
Extjs TimeField 显示正常时间格式的代码
Jun 28 Javascript
使用jQuery清空file文件域的解决方案
Apr 12 Javascript
利用js 进行输入框自动匹配字符的小例子
Jun 29 Javascript
express的中间件bodyParser详解
Dec 04 Javascript
Javascript实现快速排序(Quicksort)的算法详解
Sep 06 Javascript
JavaScript实现的伸展收缩型菜单代码
Oct 14 Javascript
JavaScript中setTimeout的那些事儿
Nov 14 Javascript
JavaScript对象_动力节点Java学院整理
Jun 23 Javascript
bootstrap精简教程_动力节点Java学院整理
Jul 14 Javascript
使用vue实现简单键盘的示例(支持移动端和pc端)
Dec 25 Javascript
Vue-cropper 图片裁剪的基本原理及思路讲解
Apr 17 Javascript
Vue+Express实现登录注销功能的实例代码
May 05 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的一个完整SMTP类(解决邮件服务器需要验证时的问题)
2006/10/09 PHP
利用ThinkPHP内置的ThinkAjax实现异步传输技术的实现方法
2011/12/19 PHP
php删除文本文件中重复行的方法
2015/04/28 PHP
thinkPHP5分页功能实现方法分析
2017/10/25 PHP
Mootools 1.2教程(21)——类(二)
2009/09/15 Javascript
js获取网页高度(详细整理)
2012/12/28 Javascript
利用javascript实现web页面中指定区域打印
2013/10/30 Javascript
JS实现定时页面弹出类似QQ新闻的提示框
2013/11/07 Javascript
Jquery实现自定义窗口随意的拖拽
2014/03/12 Javascript
JavaScript对象之深度克隆介绍
2014/12/08 Javascript
jQuery实现带动画效果的二级下拉导航方法
2015/03/11 Javascript
js实现select二级联动下拉菜单
2020/04/17 Javascript
jQuery处理XML文件的几种方法
2016/06/14 Javascript
Angular.js跨controller实现参数传递的两种方法
2017/02/20 Javascript
js数字舍入误差以及解决方法(必看篇)
2017/02/28 Javascript
Vue服务端渲染和Vue浏览器端渲染的性能对比(实例PK )
2017/03/31 Javascript
微信小程序 地图map实例详解
2017/06/07 Javascript
Vue 页面状态保持页面间数据传输的一种方法(推荐)
2018/11/01 Javascript
vue+koa2实现session、token登陆状态验证的示例
2019/08/30 Javascript
layui之table checkbox初始化时选中对应选项的方法
2019/09/02 Javascript
js构造函数constructor和原型prototype原理与用法实例分析
2020/03/02 Javascript
详解Vue3 Composition API中的提取和重用逻辑
2020/04/29 Javascript
weui上传多图片,压缩,base64编码的示例代码
2020/06/22 Javascript
python+selenium实现自动抢票功能实例代码
2018/11/23 Python
Python3标准库总结
2019/02/19 Python
Java byte数组操纵方式代码实例解析
2020/07/22 Python
乌克兰在线商店的价格比较:Price.ua
2019/07/26 全球购物
Java中的异常处理机制的简单原理和应用
2013/04/27 面试题
高等教育专业自荐信范文
2014/03/26 职场文书
《草原的早晨》教学反思
2014/04/08 职场文书
2014年销售内勤工作总结
2014/12/01 职场文书
公司仓管员岗位职责
2015/04/01 职场文书
总账会计岗位职责
2015/04/02 职场文书
工程催款通知书
2015/04/17 职场文书
三国演义读书笔记
2015/06/25 职场文书
Python几种酷炫的进度条的方式
2022/04/11 Python