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 相关文章推荐
一些易混淆且不常用的属性,希望有用
Jan 29 Javascript
nicejforms——美化表单不用愁
Feb 20 Javascript
如何使用JS获取IE上传文件路径(IE7,8)
Jul 08 Javascript
node.js超时timeout详解
Nov 26 Javascript
JavaScript中SetInterval与setTimeout的用法详解
Nov 10 Javascript
jQuery中实现prop()函数控制多选框(全选,反选)
Aug 19 Javascript
jQuery simpleModal插件的使用介绍
Aug 30 Javascript
js print打印网页指定区域内容的简单实例
Nov 01 Javascript
详解JavaScript常量定义
Jan 03 Javascript
基于VuePress 轻量级静态网站生成器的实现方法
Apr 17 Javascript
小程序获取周围IBeacon设备的方法
Oct 31 Javascript
JavaScript对象字面量和构造函数原理与用法详解
Apr 18 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聊天室技术
2006/10/09 PHP
php开启openssl的方法
2014/05/15 PHP
php关联数组快速排序的方法
2015/04/17 PHP
php中实现用数组妩媚地生成要执行的sql语句
2015/07/10 PHP
PHP中Enum(枚举)用法实例详解
2015/12/07 PHP
Yii2中多表关联查询hasOne hasMany的方法
2017/02/15 PHP
ECMAScript 基础知识
2007/06/29 Javascript
图片Slider 带左右按钮的js示例
2013/08/30 Javascript
javascript获取四位数字或者字母的随机数
2015/01/09 Javascript
Javascript复制实例详解
2016/01/28 Javascript
jQuery与Ajax以及序列化
2016/02/01 Javascript
前端js实现文件的断点续传 后端PHP文件接收
2016/10/14 Javascript
jquery广告无缝轮播实例
2017/01/05 Javascript
jQuery Validate格式验证功能实例代码(包括重名验证)
2017/07/18 jQuery
webpack打包react项目的实现方法
2018/06/21 Javascript
JavaScript递归函数解“汉诺塔”算法代码解析
2018/07/05 Javascript
Vue将页面导出为图片或者PDF
2020/08/17 Javascript
JS实现随机抽选获奖者
2019/11/07 Javascript
如何通过JS实现日历简单算法
2020/10/14 Javascript
python小技巧之批量抓取美女图片
2014/06/06 Python
python通过shutil实现快速文件复制的方法
2015/03/14 Python
解决Python requests库编码 socks5代理的问题
2018/05/07 Python
Python调用服务接口的实例
2019/01/03 Python
Python判断字符串是否xx开始或结尾的示例
2019/08/08 Python
使用pyhon绘图比较两个手机屏幕大小(实例代码)
2020/01/03 Python
pyspark给dataframe增加新的一列的实现示例
2020/04/24 Python
详解Django ORM引发的数据库N+1性能问题
2020/10/12 Python
Python修改DBF文件指定列
2020/12/19 Python
HTML5的新特性(1)
2016/03/03 HTML / CSS
婴儿地球:Baby Earth
2018/12/25 全球购物
书法比赛获奖感言
2014/02/10 职场文书
2014年社区国庆节活动方案
2014/09/16 职场文书
党支部对转正的意见
2015/06/02 职场文书
永远是春天观后感
2015/06/12 职场文书
2015年挂职锻炼个人总结
2015/10/22 职场文书
springboot如何接收application/x-www-form-urlencoded类型的请求
2021/11/02 Java/Android