js函数,apply,call,工厂模式和构造函数模式

函数声明和函数表达式的区别：

//函数声明会率先读取函数声明，确保在任何代码前可以用
console.log(sum([4, 5, 6]));

function sum(a) {
    var sum = 0;
    for (let i = 0; i < a.length; i++) {
        sum += a[i];
    }
    return sum;
}
//函数表达式：只有先执行函数表达式之后才能调用
console.log(sum([4, 5]));//出错
var sum = function (a) {
    var sum = 0;
    for (let i = 0; i < a.length; i++) {
        sum += a[i];
    }
    return sum;
}

apply，call

//apply()方法 接收两个参数，一个是函数运行的作用域（this），另一个是参数数组。
function sum(a, b) {
    return a + b;
}

function callsum(n1, n2) {
    return sum.apply(this, arguments); //apply调用一个对象的一个方法
    //return sum.apply(this,[n1,n2]);
}
console.log(callsum(2, 3));

//call()方法 第一个参数和apply()方法的一样，但是传递给函数的参数必须列举出来。
function sum(a, b) {
    return a + b;
}

function callsum2(n1, n2) {
    return sum.call(this, n1, n2);
}
console.log(callsum2(2, 3));

eval()：

//eval()方法，把要运行的代码当作字符串传入eval，就可以直接执行
var msg = "yangliwei";
eval("console.log(msg)"); //yangliwei

创建对象：工厂模式和构造函数模式：

 

//工厂模式：
function createPerson(name, age, job) {
    var o = new Object();
    o.name = name;
    o.age = age;
    o.job = job;
    o.sayname = function () {
        console.log(o.name);
    }
    return o;
}
var person1 = new createPerson("yangliwei", 21, "程序员");
person1.sayname();
console.log(person1.age);
//构造函数模式：不需要创建对象，直接赋给this，没有return语句
function Person(name, age, job) {
    this.name = name;
    this.age = age;
    this.job = job;
    this.sayname = function () {
        console.log(this.name);
    }
}
var person2 = new Person("daiyu",21,"会计");
person2.sayname();
//构造函数和其他函数的区别在于：调用它们的方式不同，任何函数只要通过new调用就是构造函数

原型模式：prototype

//原型模式：prototype
function person(){
}
person.prototype.name = 'yangliwei';
person.prototype.age = 21;
person.prototype.job = '程序员';
person.prototype.sayname = function(){
    return this.name;
}
var person3 = new person();
person3.name = 'daiyu'
console.log(person3.name);//daiyu
//原型模式可以更简单写：
function person(){
}
person.prototype = {
    name:"yangliwei",
    age:21,
    job:'程序员',
    sayname:function(){
        console.log(this.name);
    }
}