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

 更新时间:2019年05月12日 17:32:21   作者:小方哥·  
这篇文章主要介绍了JS中的函数与对象的创建方式,本文给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下

创建函数的三种方式

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中的函数与对象的创建方式,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!

相关文章

  • 使用Echarts绘制一个多组折线图

    使用Echarts绘制一个多组折线图

    这篇文章主要给大家介绍了关于使用Echarts绘制一个多组折线图的相关资料,Echarts是一个功能强大的可视化库,可以用来绘制各种类型的图表,包括多组折线图,需要的朋友可以参考下
    2023-09-09
  • JavaScript中的property和attribute介绍

    JavaScript中的property和attribute介绍

    JavaScript中的property和attribute介绍,需要的朋友可以参考下。
    2011-12-12
  • JavaScript SHA1加密算法实现详细代码

    JavaScript SHA1加密算法实现详细代码

    这篇文章主要为大家详细介绍了JavaScript SHA1加密算法实现代码,具有一定的参考价值,感兴趣的朋友可以参考一下
    2016-10-10
  • JavaScript中获取时间的函数集

    JavaScript中获取时间的函数集

    这篇文章主要介绍了JavaScript中获取时间的函数集,通过实例代码给大家讲解,非常详细,感兴趣的朋友一起学习吧
    2016-08-08
  • JS复制到剪贴板示例代码

    JS复制到剪贴板示例代码

    复制到剪贴板的实现方法有很多,在本文将为大家详细介绍下使用js是如何实现的,感兴趣的朋友不要错过
    2013-10-10
  • JS实现可拖曳、可关闭的弹窗效果

    JS实现可拖曳、可关闭的弹窗效果

    这篇文章主要介绍了JS实现可拖曳、可关闭的弹窗效果,可实现点击文字弹出可拖动的窗口,同时背景出现变暗的遮罩效果,点击遮罩层即可关闭弹出,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-09-09
  • JavaScript 函数的定义-调用、注意事项

    JavaScript 函数的定义-调用、注意事项

    这篇文章主要介绍了JavaScript 函数的定义-调用、注意事项,需要的朋友可以参考下
    2017-04-04
  • js简单实现标签云效果实例

    js简单实现标签云效果实例

    这篇文章主要介绍了js简单实现标签云效果,基于miaov.js文件实现标签云的3D滚动效果,非常简单实用,需要的朋友可以参考下
    2015-08-08
  • 微信小程序全局变量改变监听的实现方法

    微信小程序全局变量改变监听的实现方法

    这篇文章主要给大家介绍了关于微信小程序全局变量改变监听的实现方法,文中通过示例代码介绍的非常详细,对大家学习或者使用微信小程序具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2019-07-07
  • JavaScript中的Proxy对象

    JavaScript中的Proxy对象

    这篇文章主要介绍了JavaScript中的Proxy对象的相关资料,帮助大家更好的理解和学习JavaScript,感兴趣的朋友可以了解下
    2020-11-11

最新评论