JS中的函数与对象的创建方式


Posted in Javascript onMay 12, 2019

创建函数的三种方式

1.函数声明

function calSum1(num1, num2) {
   return num1 + num2;
}
console.log(calSum1(10, 10));

2.函数表达式

var calSum2 = function (num1, num2) {
  return num1 + num2;
}
console.log(calSum2(10, 20));

3.函数对象方式

var calSum3 = new Function('num1', 'num2', 'return num1 + num2');
console.log(calSum3(10, 30));

创建对象的三种方式

1.字面量方式

var Student1 = {
  name: 'xiaofang',   // 对象中的属性
  age: 18,
  sex: 'male',
  sayHello: function () {
    console.log('hello,我是字面量对象中的方法');
  },
  doHomeword: function () {
    console.log("我正在做作业");
  }
};
console.log(Student1);
console.log(Student1.name);
Student1.sayHello();

2.工厂模式创建对象

function createStudent(name, age, sex) {
  var Student = new Object();
  Student.name = name;
  Student.age = age;
  Student.sex = sex;
  Student.sayHello = function () {
    console.log("hello, 我是工厂模式创建的对象中的方法");
  }
  return Student;
}
var student2 = createStudent('小红', 19, 'female');
console.log(student2);
console.log(student2.name);
student2.sayHello();

3.利用构造函数创建对象(常用)

function Student (name, age, sex) {
      this.name = name;
      this.age = age;
      this.sex = sex;
      this.sayHello = function () {
        console.log("hello, 我是利用构造函数创建的对象中的方法");
      }
    }
    var student3 = new Student('小明', 20, 'male');
    console.log(student3);
    console.log(student3.name);
    student3.sayHello();

对象代码运行结果

JS中的函数与对象的创建方式

总结

以上所述是小编给大家介绍的JS中的函数与对象的创建方式,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!

Javascript 相关文章推荐
jquery.lazyload  实现图片延迟加载jquery插件
Feb 06 Javascript
JavaScript性能陷阱小结(附实例说明)
Dec 28 Javascript
JQuery实现用户名无刷新验证的小例子
Mar 22 Javascript
JQuery设置时间段下拉选择实例
Dec 30 Javascript
jQuery.extend 函数及用法详细
Sep 06 Javascript
详解js私有作用域中创建特权方法
Jan 25 Javascript
BootStrap中
Dec 10 Javascript
微信小程序实现验证码获取倒计时效果
Feb 08 Javascript
JavaScript如何对图片进行黑白化
Apr 10 Javascript
关于js对textarea换行符的处理方法浅析
Aug 03 Javascript
JavaScript实现小球沿正弦曲线运动
Sep 07 Javascript
Javascript异步编程async实现过程详解
Apr 02 Javascript
详解无限滚动插件vue-infinite-scroll源码解析
May 12 #Javascript
ES6中的迭代器、Generator函数及Generator函数的异步操作方法
May 12 #Javascript
浅谈vue.use()方法从源码到使用
May 12 #Javascript
Vue安装浏览器开发工具的步骤详解
May 12 #Javascript
微信小程序缓存过期时间的使用详情
May 12 #Javascript
从0到1搭建element后台框架优化篇(打包优化)
May 12 #Javascript
Vue项目服务器部署之子目录部署方法
May 12 #Javascript
You might like
德生S2000收音机更换“钕铁硼”全频扬声器
2021/03/02 无线电
深思 PHP 数组遍历的差异(array_diff 的实现)
2008/03/23 PHP
PHP调用MySQL的存储过程的实现代码
2008/08/12 PHP
全新的PDO数据库操作类php版(仅适用Mysql)
2012/07/22 PHP
基于PHP array数组的教程详解
2013/06/05 PHP
简单的php文件上传(实例)
2013/10/27 PHP
PHP生成条形码大揭秘
2015/09/24 PHP
Yii2实现跨mysql数据库关联查询排序功能代码
2017/02/10 PHP
php xhprof使用实例详解
2019/04/15 PHP
php命名空间设计思想、用法与缺点分析
2019/07/17 PHP
PHP+Redis链表解决高并发下商品超卖问题(实现原理及步骤)
2020/08/03 PHP
Jquery 数组操作大全个人总结
2013/11/13 Javascript
jquery引用方法时传递参数原理分析
2014/10/13 Javascript
详解Jquery实现ready和bind事件
2016/04/14 Javascript
Bootstrap模仿起筷首页效果
2016/05/09 Javascript
JavaScript计算器网页版实现代码分享
2016/07/15 Javascript
JavaScrpt判断一个数是否是质数的实例代码
2017/06/11 Javascript
js 毫秒转天时分秒的实例
2017/11/17 Javascript
简述vue中的config配置
2018/01/23 Javascript
vue-prop父组件向子组件进行传值的方法
2018/03/01 Javascript
基于VSCode调试网页JavaScript代码过程详解
2020/07/20 Javascript
Vue——前端生成二维码的示例
2020/12/19 Vue.js
[01:20:38]完美世界DOTA2联赛 GXR vs IO 第一场 11.07
2020/11/09 DOTA
Python中Collections模块的Counter容器类使用教程
2016/05/31 Python
利用Python yagmail三行代码实现发送邮件
2018/05/11 Python
PyTorch线性回归和逻辑回归实战示例
2018/05/22 Python
python二维码操作:对QRCode和MyQR入门详解
2019/06/24 Python
pyqt5 删除layout中的所有widget方法
2019/06/25 Python
对python 调用类属性的方法详解
2019/07/02 Python
Windows和Linux动态库应用异同
2016/07/28 面试题
应届生求职信写作技巧
2013/10/24 职场文书
党的群众路线教育实践活动动员会主持词
2014/03/20 职场文书
2014年化妆品销售工作总结
2014/12/01 职场文书
不服劳动仲裁起诉书
2015/05/20 职场文书
用Python简陋模拟n阶魔方
2021/04/17 Python
MySQL 亿级数据导入导出及迁移笔记
2021/06/18 MySQL