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();

对象代码运行结果

原文地址:https://www.cnblogs.com/duxiu-fang/p/10852206.html

时间: 2024-08-01 06:02:58

JS中的函数与对象的相关文章

JS中的函数,Array对象,for-in语句,with语句,自定义对象,Prototype

一)函数 A)JS中的函数的定义格式: function add(a,b) { var sum = a+b; document.write("两个数的和是:" + sum); //return sum; } 上面只是一个例子 ,那么当我们再定义一个同名的函数会怎么样呢? function add(a,b,c) { var sum = a+b+c; document.write("三个数的和是:" + sum); } 然后调用函数: add(50,30,10);   

js中的函数,Date对象,Math对象和数组对象

函数就是完成某个功能的一组语句,js中的函数由关键字 function + 函数名 + 一组参数定义;函数在定义后可以被重复调用,通常将常用的功能写成一个函数,利用函数可以使代码的组织结构更多清晰. 其语法结构为 function funName (arg0, arg1, … argN){        //statements    } function say_hello (name, msg){ alert(“hello”+ name + “:”+ msg); } say_hello(“d

JS中的内置对象简介与简单的属性方法

JS中的数组: 1.数组的概念: 数组是在内存中连续存储的多个有序元素的结构,元素的顺序称为下标,通过下标查找对应元素 2.数组的声明: ①通过字面量声明var arr1 = [,,,,] JS中同一数组可以储存多种不同的数据类型(但,同一数组一般只用于存放同种数据类型) 例如var arr1 = [1,"2",true,{"name":"啦啦啦"},[1,2]]; ②通过new关键字声明:var arr2 = new Array(参数); &g

JS中的函数、Bom、DOM及JS事件

本期博主给大家带来JS的函数.Bom.DOM操作,以及JS各种常用的数据类型的相关知识,同时,这也是JavaScript极其重要的部分,博主将详细介绍各种属性的用法和方法. 一.JS中的函数 [函数的声明及调用] 1.函数声明的格式: function 函数名(参数1,参数2,参数3,--){//函数体 return 结果; } >>>函数的调用格式: 直接调用:函数调用的格式:函数名(参数一的值,参数二的值,--): 事件调用:事件名=函数名( ); 2.函数声明的几点强调: ①函数名

js中的函数function

js的function对象在调用过程中具有一个arguments的属性,它是由脚本解释器创建的(这也是arguments创建的唯一方式).arguments属性可以看作是一个Array对象,它有length属性,可以通过序号访问每一个参数,而且通过argument的callee属性可以获取对正在执行的Function对象的引用.如下: function factorial(n){ if(n<=n){ return 1; }else{ return n*arguments.callee(n-1);

node.js 中回调函数callback(转载),说的很清楚,看一遍就理解了

最近在看 express,满眼看去,到处是以函数作为参数的回调函数的使用.如果这个概念理解不了,nodejs.express 的代码就会看得一塌糊涂.比如: 复制代码 代码如下: app.use(function(req, res, next) { var err = new Error('Not Found'); err.status = 404; next(err); }); app是对象,use是方法,方法的参数是一个带参的匿名函数,函数体直接在后面给出了.这段代码怎么理解呢?我们先来了解

html css &lt;input&gt; javaScript .数据类型 JS中的函数编写方式 BOM总结 DOM总结

Day27  html css div 块标签. 特点: 独占一行,有高度和宽度 span 行元素. 特点:在同一行显示,当前行满了自动去下一行显示. 不识别高度和宽度 1.1.1.1 2.输入域标签 :<input> l <input> 标签用于获得用户输入信息,type属性值不同,搜集方式不同.最常用的标签. n type属性 u text:文本框,单行的输入字段,用户可在其中输入文本.默认宽度为 20 个字符 u password:密码框,密码字段.该字段中的字符以黑圆显示.

js中遍历数组、对象的方式

1.标准的for循环遍历数组 var array = [1,2,3,4,5,6,7]; for (var i = 0; i < array.length; i) { console.log(i,array[i]); } 2.for in 遍历对象 for in 以任意顺序遍历一个对象的可枚举属性. 因此当迭代那些访问次序重要的 arrays 时用整数索引去进行 for 循环 (或者使用 Array.prototype.forEach() 或 for...of 循环) . 一般常用来遍历非数组的对

好程序员web前端学习路线分享web测试之Js中的函数

好程序员web前端学习路线分享web测试之Js中的函数,在JS中,一般使用函数其实就是为了封装某些操作,或者把编写的程序进行模块化的操作. 一.函数的声明方式 1.普通的函数声明 function box(num1, num2) { return num1+ num2; } 2.使用变量初始化函数 var box= function(num1, num2) { return num1 + num2; }; 3.使用Function构造函数 var box= new Function('num1'