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 相关文章推荐
jQuery向后台传入json格式数据的方法
Feb 13 Javascript
网页禁用右键菜单和鼠标拖动选择方法小结
Feb 25 Javascript
jQuery实现平滑滚动页面到指定锚点链接的方法
Jul 15 Javascript
解决微信浏览器Javascript无法使用window.location.reload()刷新页面
Jun 21 Javascript
Move.js入门
Feb 08 Javascript
Three.js 再探 - 写一个微信跳一跳极简版游戏
Jan 04 Javascript
JavaScript 中定义函数用 var foo = function () {} 和 function foo()区别介绍
Mar 01 Javascript
微信小程序dom操作的替代思路实例分析
Dec 06 Javascript
JS实现的自定义map方法示例
May 17 Javascript
vue如何自动化打包测试环境和正式环境的dist/test文件
Jun 06 Javascript
微信小程序如何引用外部js,外部样式,公共页面模板
Jul 23 Javascript
vue单文件组件无法获取$refs的问题
Jun 24 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 和 MYSQL
2006/10/09 PHP
php smarty的预保留变量总结
2008/12/04 PHP
php 删除记录同时删除图片文件的实现代码
2010/05/12 PHP
使用php get_headers 判断URL是否有效的解决办法
2013/04/27 PHP
PHP+jQuery实现自动补全功能源码
2013/05/15 PHP
源码分析 Laravel 重复执行同一个队列任务的原因
2017/12/25 PHP
Laravel 实现密码重置功能
2018/02/23 PHP
ThinkPHP5 的简单搭建和使用详解
2018/11/15 PHP
CL vs ForZe BO5 第四场 2.13
2021/03/10 DOTA
js form action动态修改方法
2008/11/04 Javascript
node.js WEB开发中图片验证码的实现方法
2014/06/03 Javascript
JavaScript中DOM详解
2015/04/13 Javascript
jQuery前端开发35个小技巧
2016/05/24 Javascript
简单实现jQuery进度条轮播实例代码
2016/06/20 Javascript
瀑布流的实现方式(原生js+jquery+css3)
2020/06/28 Javascript
AngularJS基础 ng-dblclick 指令用法
2016/08/01 Javascript
JS去除重复并统计数量的实现方法
2016/12/15 Javascript
Bootstrap table使用方法汇总
2017/11/17 Javascript
js 两数组去除重复数值的实例
2017/12/06 Javascript
zTree 树插件实现全国五级地区点击后加载的示例
2018/02/05 Javascript
微信小程序表单验证form提交错误提示效果
2020/06/19 Javascript
小程序getLocation需要在app.json中声明permission字段
2019/04/04 Javascript
python快速排序代码实例
2013/11/21 Python
Python3搜索及替换文件中文本的方法
2015/05/22 Python
python matplotlib画盒图、子图解决坐标轴标签重叠的问题
2020/01/19 Python
Python实现遗传算法(二进制编码)求函数最优值方式
2020/02/11 Python
基于python3的socket聊天编程
2020/02/17 Python
Python开发之pip安装及使用方法详解
2020/02/21 Python
Python读写压缩文件的方法
2020/07/30 Python
Python爬取股票信息,并可视化数据的示例
2020/09/26 Python
运行时异常与一般异常有何异同?
2014/01/05 面试题
入职担保书范文
2014/05/21 职场文书
学校爱国卫生月活动总结
2014/06/25 职场文书
2014年打非治违工作总结
2014/11/13 职场文书
投资申请报告
2015/05/19 职场文书
一文带你理解vue创建一个后台管理系统流程(Vue+Element)
2021/05/18 Vue.js