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

相关文章

  • JavaScript 中的 parseInt() 函数详解

    JavaScript 中的 parseInt() 函数详解

    parseInt函数将其第一个参数转换为一个字符串,对该字符串进行解析,然后返回一个整数或 NaN,这篇文章主要介绍了JavaScript 的 parseInt() 函数,需要的朋友可以参考下
    2023-05-05
  • 微信小程序canvas实现签名功能

    微信小程序canvas实现签名功能

    这篇文章主要为大家详细介绍了微信小程序canvas实现签名功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-01-01
  • 让mayfish支持mysqli数据库驱动的实现方法

    让mayfish支持mysqli数据库驱动的实现方法

    mysql 是非持继连接函数而 mysqli 是永远连接函数。也就是说 mysql 每次链接都会打开一个连接的进程而 mysqli 多次运行 mysqli 将使用同一连接进程,从而减少了服务器的开销。
    2010-05-05
  • JavaScript 基础表单验证示例(纯Js实现)

    JavaScript 基础表单验证示例(纯Js实现)

    下面小编就为大家带来一篇JavaScript 基础表单验证示例(纯Js实现)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-07-07
  • ES6新数据结构Map功能与用法示例

    ES6新数据结构Map功能与用法示例

    这篇文章主要介绍了ES6新数据结构Map功能与用法,结合实例形式分析了Map的功能、使用方法及相关注意事项,需要的朋友可以参考下
    2017-03-03
  • 原生JavaScript实现remove()和recover()功能示例

    原生JavaScript实现remove()和recover()功能示例

    这篇文章主要介绍了原生JavaScript实现remove()和recover()功能,结合实例形式分析了javascript实现类似jQueryremove()和recover()功能的自定义函数,需要的朋友可以参考下
    2018-07-07
  • javascript中递归的两种写法

    javascript中递归的两种写法

    本文主要分享了javascript中递归的两种写法,具有一定的参考价值,下面跟着小编一起来看下吧
    2017-01-01
  • JavaScript中BOM,DOM和事件的用法详解

    JavaScript中BOM,DOM和事件的用法详解

    BOM全称Browser Object Model浏览器对象模型,将浏览器的各个组成部分封装成对象。DOM全称Document Object Model 文档对象模型,将标记语言文档的各个组成部分,封装为对象。本文将详解BOM,DOM和事件的区别于用法,需要的可以参考一下
    2022-06-06
  • javascript实现简单的进度条

    javascript实现简单的进度条

    本文给大家分享2个javascript实现简单的进度条,一个是个人制作一个是网友实现的,都很不错,这里推荐给大家。
    2015-07-07
  • BootStrapTable 单选及取值的实现方法

    BootStrapTable 单选及取值的实现方法

    学习bootstrapTable 一直没有找到 单选框的选定的和取值的教程,接下来通过本文给大家分享BootStrapTable 单选及取值的实现方法,非常不错,需要的朋友参考下
    2017-01-01

最新评论