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 .ajax 在IE下卡死问题的解决方法
Oct 26 Javascript
Extjs学习过程中新手容易碰到的低级错误积累
Feb 11 Javascript
DLL+ ActiveX控件+WEB页面调用例子
Aug 07 Javascript
jQuery实现form表单reset按钮重置清空表单功能
Dec 18 Javascript
JavaScript去除空格的三种方法(正则/传参函数/trim)
Feb 06 Javascript
jquery在ie7下选择器的问题导致append失效的解决方法
Jan 10 Javascript
AngularJS ng-repeat数组有重复值的解决方法
Oct 23 Javascript
解析JavaScript模仿块级作用域
Dec 29 Javascript
js实现颜色阶梯渐变效果(Gradient算法)
Mar 21 Javascript
实例讲解JS中pop使用方法
Jan 27 Javascript
Vue使用lodop实现打印小结
Jul 06 Javascript
Vue中keep-alive组件的深入理解
Aug 23 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
php下将图片以二进制存入mysql数据库中并显示的实现代码
2010/05/27 PHP
php class中self,parent,this的区别以及实例介绍
2013/04/24 PHP
smarty模板引擎之分配数据类型
2015/03/30 PHP
微信公众号支付之坑:调用支付jsapi缺少参数 timeStamp等错误解决方法
2016/01/12 PHP
Yii操作数据库实现动态获取表名的方法
2016/03/29 PHP
PHP仿微信多图片预览上传实例代码
2016/09/13 PHP
Laravel实现表单提交
2017/05/07 PHP
JS 判断代码全收集
2009/04/28 Javascript
Jquery实现带动画效果的经典二级导航菜单
2013/03/22 Javascript
GridView中获取被点击行中的DropDownList和TextBox中的值
2013/07/18 Javascript
jQuery控制TR显示隐藏的几种方法
2014/06/18 Javascript
Bootstrap CSS组件之分页(pagination)和翻页(pager)
2016/12/17 Javascript
Vue.js中使用Vuex实现组件数据共享案例
2020/07/31 Javascript
javascript使用正则表达式实现注册登入校验
2020/09/23 Javascript
[01:08]DOTA2次级职业联赛 - Shield战队宣传片
2014/12/01 DOTA
Python聚类算法之凝聚层次聚类实例分析
2015/11/20 Python
Python入门_浅谈字符串的分片与索引、字符串的方法
2017/05/16 Python
PyChar学习教程之自定义文件与代码模板详解
2017/07/17 Python
python 简单搭建阻塞式单进程,多进程,多线程服务的实例
2017/11/01 Python
python提取照片坐标信息的实例代码
2019/08/14 Python
python程序 线程队列queue使用方法解析
2019/09/23 Python
windows、linux下打包Python3程序详细方法
2020/03/17 Python
python 利用panda 实现列联表(交叉表)
2021/02/06 Python
10个顶级Python实用库推荐
2021/03/04 Python
天猫国际进口超市直营:官方直采,一站购齐
2017/12/11 全球购物
美国医疗用品、医疗设备和家庭保健用品商店:Medical Supply Depot
2018/07/08 全球购物
软件工程专业推荐信
2013/10/28 职场文书
狼和鹿教学反思
2014/02/05 职场文书
结婚喜宴主持词
2014/03/14 职场文书
经贸日语专业自荐信
2014/09/02 职场文书
2014国庆节标语口号
2014/09/19 职场文书
医院党的群众路线教育实践活动学习心得体会
2014/10/30 职场文书
2015年音乐教学工作总结
2015/07/22 职场文书
大学生受助感言
2015/08/01 职场文书
2019大学竞选班长发言稿
2019/06/27 职场文书
秀!学妹看见都惊呆的Python小招数!【详细语言特性使用技巧】
2021/04/27 Python