快捷導(dǎo)航

JS中的函數(shù)與對(duì)象的創(chuàng)建方式

更新時(shí)間：2019年05月12日 17:32:21 作者：小方哥·

這篇文章主要介紹了JS中的函數(shù)與對(duì)象的創(chuàng)建方式，本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下

創(chuàng)建函數(shù)的三種方式

1.函數(shù)聲明

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

2.函數(shù)表達(dá)式

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

3.函數(shù)對(duì)象方式

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

創(chuàng)建對(duì)象的三種方式

1.字面量方式

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

2.工廠模式創(chuàng)建對(duì)象

function createStudent(name, age, sex) {
  var Student = new Object();
  Student.name = name;
  Student.age = age;
  Student.sex = sex;
  Student.sayHello = function () {
    console.log("hello, 我是工廠模式創(chuàng)建的對(duì)象中的方法");
  }
  return Student;
}
var student2 = createStudent('小紅', 19, 'female');
console.log(student2);
console.log(student2.name);
student2.sayHello();

3.利用構(gòu)造函數(shù)創(chuàng)建對(duì)象（常用）

    function Student (name, age, sex) {
      this.name = name;
      this.age = age;
      this.sex = sex;
      this.sayHello = function () {
        console.log("hello, 我是利用構(gòu)造函數(shù)創(chuàng)建的對(duì)象中的方法");
      }
    }
    var student3 = new Student('小明', 20, 'male');
    console.log(student3);
    console.log(student3.name);
    student3.sayHello();

對(duì)象代碼運(yùn)行結(jié)果

總結(jié)

以上所述是小編給大家介紹的JS中的函數(shù)與對(duì)象的創(chuàng)建方式，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)歡迎給我留言，小編會(huì)及時(shí)回復(fù)大家的！

您可能感興趣的文章:

相關(guān)文章

JavaScript?中的?parseInt()?函數(shù)詳解
parseInt函數(shù)將其第一個(gè)參數(shù)轉(zhuǎn)換為一個(gè)字符串，對(duì)該字符串進(jìn)行解析，然后返回一個(gè)整數(shù)或?NaN，這篇文章主要介紹了JavaScript?的?parseInt()?函數(shù),需要的朋友可以參考下
2023-05-05
微信小程序canvas實(shí)現(xiàn)簽名功能
這篇文章主要為大家詳細(xì)介紹了微信小程序canvas實(shí)現(xiàn)簽名功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-01-01
讓mayfish支持mysqli數(shù)據(jù)庫(kù)驅(qū)動(dòng)的實(shí)現(xiàn)方法
mysql 是非持繼連接函數(shù)而 mysqli 是永遠(yuǎn)連接函數(shù)。也就是說(shuō) mysql 每次鏈接都會(huì)打開(kāi)一個(gè)連接的進(jìn)程而 mysqli 多次運(yùn)行 mysqli 將使用同一連接進(jìn)程,從而減少了服務(wù)器的開(kāi)銷。
2010-05-05
JavaScript 基礎(chǔ)表單驗(yàn)證示例(純Js實(shí)現(xiàn))
下面小編就為大家?guī)?lái)一篇JavaScript 基礎(chǔ)表單驗(yàn)證示例(純Js實(shí)現(xiàn))。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2017-07-07
ES6新數(shù)據(jù)結(jié)構(gòu)Map功能與用法示例
這篇文章主要介紹了ES6新數(shù)據(jù)結(jié)構(gòu)Map功能與用法,結(jié)合實(shí)例形式分析了Map的功能、使用方法及相關(guān)注意事項(xiàng),需要的朋友可以參考下
2017-03-03
原生JavaScript實(shí)現(xiàn)remove()和recover()功能示例
這篇文章主要介紹了原生JavaScript實(shí)現(xiàn)remove()和recover()功能,結(jié)合實(shí)例形式分析了javascript實(shí)現(xiàn)類似jQueryremove()和recover()功能的自定義函數(shù),需要的朋友可以參考下
2018-07-07
javascript中遞歸的兩種寫(xiě)法
本文主要分享了javascript中遞歸的兩種寫(xiě)法，具有一定的參考價(jià)值，下面跟著小編一起來(lái)看下吧
2017-01-01
JavaScript中BOM,DOM和事件的用法詳解
BOM全稱Browser Object Model瀏覽器對(duì)象模型，將瀏覽器的各個(gè)組成部分封裝成對(duì)象。DOM全稱Document Object Model 文檔對(duì)象模型，將標(biāo)記語(yǔ)言文檔的各個(gè)組成部分，封裝為對(duì)象。本文將詳解BOM,DOM和事件的區(qū)別于用法，需要的可以參考一下
2022-06-06
javascript實(shí)現(xiàn)簡(jiǎn)單的進(jìn)度條
本文給大家分享2個(gè)javascript實(shí)現(xiàn)簡(jiǎn)單的進(jìn)度條，一個(gè)是個(gè)人制作一個(gè)是網(wǎng)友實(shí)現(xiàn)的，都很不錯(cuò)，這里推薦給大家。
2015-07-07
BootStrapTable 單選及取值的實(shí)現(xiàn)方法
學(xué)習(xí)bootstrapTable 一直沒(méi)有找到單選框的選定的和取值的教程,接下來(lái)通過(guò)本文給大家分享BootStrapTable 單選及取值的實(shí)現(xiàn)方法，非常不錯(cuò)，需要的朋友參考下
2017-01-01