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 相关文章推荐
限制文本框输入N个字符的js代码
May 13 Javascript
Jsonp 跨域的原理以及Jquery的解决方案
May 18 Javascript
详解jquery事件delegate()的使用方法
Jan 25 Javascript
Bootstrap3使用typeahead插件实现自动补全功能
Jul 07 Javascript
Vue.js动态添加、删除选题的实例代码
Sep 30 Javascript
Web开发中客户端的跳转与服务器端的跳转的区别
Mar 05 Javascript
Bootstrap超大屏幕的实现代码
Mar 22 Javascript
extjs简介_动力节点Java学院整理
Jul 17 Javascript
原生JS写Ajax的请求函数功能
Dec 22 Javascript
Vue进度条progressbar组件功能
Apr 17 Javascript
layui下拉框获取下拉值(select)的例子
Sep 10 Javascript
vue基于Teleport实现Modal组件
May 31 Vue.js
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
Extended CHM PHP 语法手册之 DIY
2006/10/09 PHP
php分页示例分享
2014/04/30 PHP
php使用MySQL保存session会话的方法
2015/06/18 PHP
PHP文件及文件夹操作之创建、删除、移动、复制
2016/07/13 PHP
php实现替换手机号中间数字为*号及隐藏IP最后几位的方法
2016/11/16 PHP
ArrayList类(增强版)
2007/04/04 Javascript
40款非常棒的jQuery 插件和制作教程(系列一)
2011/10/26 Javascript
js算法中的排序、数组去重详细概述
2013/10/14 Javascript
JS实现侧悬浮浮动实例代码
2013/11/29 Javascript
用svg制作富有动态的tooltip
2015/07/17 Javascript
JavaScript预解析及相关技巧分析
2016/04/21 Javascript
jQuery之简单的表单验证实例
2016/07/07 Javascript
基于D3.js实现时钟效果
2018/07/17 Javascript
Mpvue中使用Vant Weapp组件库的方法步骤
2019/05/16 Javascript
js仿360开机效果
2019/12/26 Javascript
VUE+elementui组件在table-cell单元格中绘制微型echarts图
2020/04/20 Javascript
微信小程序实现文件预览
2020/10/22 Javascript
Python简单检测文本类型的2种方法【基于文件头及cchardet库】
2016/09/18 Python
学习Python selenium自动化网页抓取器
2018/01/20 Python
python引入不同文件夹下的自定义模块方法
2018/10/27 Python
Python3 安装PyQt5及exe打包图文教程
2019/01/08 Python
用vue.js组件模拟v-model指令实例方法
2019/07/05 Python
python中编写函数并调用的知识点总结
2021/01/13 Python
HTML5语义化元素你真的用对了吗
2019/08/22 HTML / CSS
MIKI HOUSE美国官方网上商店:日本领先的婴儿和儿童高级时装品牌
2020/06/21 全球购物
What is view? why do we have view?
2012/06/22 面试题
手机业务员岗位职责
2013/12/13 职场文书
探矿工程师自荐信
2014/01/24 职场文书
对公司合理化的建议书
2014/03/12 职场文书
1亿有多大教学反思
2014/05/01 职场文书
技校毕业生自荐信
2014/06/03 职场文书
生物学专业求职信
2014/07/23 职场文书
2015年政协委员工作总结
2015/05/20 职场文书
2015年学校禁毒工作总结
2015/05/27 职场文书
2016年大学生党员承诺书
2016/03/24 职场文书
SpringBoot中使用Redis作为全局锁示例过程
2022/03/24 Java/Android