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 相关文章推荐
Javascript 判断是否存在函数的方法
Jan 03 Javascript
7款吸引人眼球的jQuery/CSS3特效实例分享
Apr 25 Javascript
css+js实现部分区域高亮可编辑遮罩层
Mar 04 Javascript
js过滤特殊字符输入适合输入、粘贴、拖拽多种情况
Mar 22 Javascript
jquery拖拽排序简单实现方法(效果增强版)
Feb 16 Javascript
浅谈AngularJS中ng-class的使用方法
Nov 11 Javascript
详谈JavaScript的闭包及应用
Jan 17 Javascript
JavaScript动态绑定详解
Sep 14 Javascript
微信小程序实现折叠与展开文章功能
Jun 12 Javascript
微信小程序实现简单评论功能
Nov 28 Javascript
JavaScript实现省市区三级联动
Feb 13 Javascript
Jquery高级应用Deferred对象原理及使用实例
May 28 jQuery
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 cache类代码(php数据缓存类)
2010/04/15 PHP
奇怪的PHP引用效率问题分析
2012/03/23 PHP
php获取随机数组列表的方法
2014/11/13 PHP
PHP Callable强制指定回调类型的方法
2016/08/30 PHP
PHP简单实现二维数组的矩阵转置操作示例
2017/11/24 PHP
实例讲解PHP中使用命名空间
2019/01/27 PHP
php写入txt乱码的解决方法
2019/09/17 PHP
Thinkphp5 如何隐藏入口文件index.php(URL重写)
2019/10/16 PHP
javascript eval和JSON之间的联系
2009/12/31 Javascript
基于jquery的动态创建表格的插件
2011/04/05 Javascript
Android中资源文件(非代码部分)的使用概览
2012/12/18 Javascript
javascript的原生方法获取数组中的最大(最小)值
2012/12/19 Javascript
jQuery模拟超链接点击效果代码
2013/04/21 Javascript
js检测判断日期大于多少天的方法
2015/05/04 Javascript
jQuery实用技巧必备(中)
2015/11/03 Javascript
jquery中取消和绑定hover事件的实现代码
2016/06/02 Javascript
jQuery Raty 一款不错的星级评分插件
2016/08/24 Javascript
bootstrap modal弹出框的垂直居中
2016/12/14 Javascript
Bootstrap CSS组件之输入框组
2016/12/17 Javascript
详谈commonjs模块与es6模块的区别
2017/10/18 Javascript
vue2.0 实现富文本编辑器功能
2019/05/26 Javascript
微信小程序 确认框的实现(附代码)
2019/07/23 Javascript
详解Vue中的基本语法和常用指令
2019/07/23 Javascript
jquery 时间戳转日期过程详解
2019/10/12 jQuery
python通过colorama模块在控制台输出彩色文字的方法
2015/03/19 Python
简单了解python单例模式的几种写法
2019/07/01 Python
python代码 FTP备份交换机配置脚本实例解析
2019/08/01 Python
基于Tensorflow:CPU性能分析
2020/02/10 Python
python opencv图像处理(素描、怀旧、光照、流年、滤镜 原理及实现)
2020/12/10 Python
PyCharm+Miniconda3安装配置教程详解
2021/02/16 Python
收集的7个CSS3代码生成工具
2010/04/17 HTML / CSS
Europcar德国:全球汽车租赁领域的领导者
2018/08/15 全球购物
装潢设计专业推荐信模板
2013/11/26 职场文书
联片教研活动总结
2014/07/01 职场文书
SQL Server表分区删除详情
2021/10/16 SQL Server
pytorch分类模型绘制混淆矩阵以及可视化详解
2022/04/07 Python