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中Boolean.toSource()方法的使用
Jun 05 Javascript
JavaScript实现删除,移动和复制文件的方法
Aug 05 Javascript
JavaScript Length 属性的总结
Nov 02 Javascript
JavaScript html5 canvas绘制时钟效果(二)
Mar 27 Javascript
微信小程序 本地存储及登录页面处理实例详解
Jan 11 Javascript
AngularJS实现路由实例
Feb 12 Javascript
jQuery插件HighCharts绘制2D饼图效果示例【附demo源码下载】
Mar 21 jQuery
JavaScript实现开关等效果
Sep 08 Javascript
React 路由懒加载的几种实现方案
Oct 23 Javascript
JavaScript 判断iPhone X Series机型的方法
Jan 28 Javascript
IDEA安装vue插件图文详解
Sep 26 Javascript
vue 输入电话号码自动按3-4-4分割功能的实现代码
Apr 30 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的5个入手程序
2006/11/23 PHP
PHP 判断常量,变量和函数是否存在
2009/04/26 PHP
分享PHP header函数使用教程
2013/09/05 PHP
PHP中date与gmdate的区别及默认时区设置
2014/05/12 PHP
php生成不重复随机数、数组的4种方法分享
2015/03/30 PHP
PHP实现求两个字符串最长公共子串的方法示例
2017/11/17 PHP
PHP PDOStatement::getColumnMeta讲解
2019/02/01 PHP
JavaScript 参考教程
2006/12/29 Javascript
Javascript 类型转换方法
2010/10/24 Javascript
一个JQuery写的点击上下滚动的小例子
2011/08/27 Javascript
javascript学习笔记(七)Ajax和Http状态码
2014/10/08 Javascript
jQuery中replaceWith()方法用法实例
2014/12/25 Javascript
JavaScript中定义类的方式详解
2016/01/07 Javascript
JS定义类的六种方式详解
2016/05/12 Javascript
如何防止INPUT按回车自动提交表单FORM
2016/12/06 Javascript
vue使用原生js实现滚动页面跟踪导航高亮的示例代码
2018/10/25 Javascript
Vue中用props给data赋初始值遇到的问题解决
2018/11/27 Javascript
three.js如何实现3D动态文字效果
2021/03/03 Javascript
Python中的jquery PyQuery库使用小结
2014/05/13 Python
python学生信息管理系统
2018/03/13 Python
Python实现的KMeans聚类算法实例分析
2018/12/29 Python
Django框架封装外部函数示例
2019/05/28 Python
Python+AutoIt实现界面工具开发过程详解
2019/08/07 Python
python实现猜拳小游戏
2020/04/05 Python
Django实现文件上传下载
2019/10/06 Python
Python中全局变量和局部变量的理解与区别
2021/02/07 Python
英国时尚和家居用品零售商:Matalan
2021/02/28 全球购物
希特勒经典演讲稿
2014/05/19 职场文书
我的中国心演讲稿
2014/09/04 职场文书
工伤事故处理协议书怎么写
2014/10/15 职场文书
离婚协议书范本及离婚须知
2014/10/15 职场文书
大学生在校表现评语
2014/12/31 职场文书
《清澈的湖水》教学反思
2016/02/17 职场文书
八年级作文之友情
2019/11/25 职场文书
纯CSS实现酷炫的霓虹灯效果
2021/04/13 HTML / CSS
为什么MySQL8新特性会修改自增主键属性
2022/04/18 MySQL