JavaScript中函数和构造函数的区别

女爷i 2022-05-18 00:07 183阅读 0赞

[https://blog.csdn.net/qq\_40428678/article/details/81273481][https_blog.csdn.net_qq_40428678_article_details_81273481]1.普通函数是小驼峰写法,而构造函数是大驼峰写法。

//普通函数写法
    function fun() {
        var a = 1;
    }
    
    
    //构造函数写法
    function Fun() {
        var a = 1;
    }

2.构造函数要new 创建对象,要不然和普通函数没什么区别

//普通函数
    function fun(name, age, sex) {
        this.name = name;
        this.age = age;
        this.sex = sex;
    }
    
    fun('solely', 19, 'male');
    //fun.name = solely;
    //fun.age = 19;
    //fun.sex = male;
    
    
    //构造函数
    function Fun(name, age, sex) {
        this.name = name;
        this.age = age;
        this.sex = sex;
    }
    
    var person = new Fun('solely', 19, 'male');
    //person.name = solely;
    //person.age = 19;
    //person.sex = male;

3.普通函数this和构造函数this指向不一样

//普通函数this指向全局
    
    //全局定义一个name
    var name = "zs";
    function fun() {
    //局部调用一个name
    	var name = "fortune";
    	console.log(this.name);//执行结果输出'zs'
        console.log(this);    //打印this指向的是window
    }
    
    fun();
    
    
    
    //构造函数this指向实例 也就是自己
    function Fun() {
    	this.name = "fortune";
    	console.log(this);//打印this指向的是Fun()
    }
    
    var person = new Fun();

4.普通函数没写return返回结果是undefined

构造函数不写return不会返回undefined

//普通函数
    function fun(a,b) {
    	this.a = a;
    	this.b = b;
    //不写return
    	}
    
    var result = fun(1,1);
    console.log(result);//输出undefined
    
    
    //构造函数
    function Fn(a,b){
       this.a = a;
       this.b = b;
    //不写return
    }
    var fn = new Fn(1,1);
    console.log(fn);//输出Fn {a: 1, b: 1}

不懂return可以点击以下[return返回值][https_blog.csdn.net_qq_40428678_article_details_81273481]

**推荐**[纯css画各种图形，包括基本的矩形、圆形、椭圆、三角形、多边形，也包括稍微复杂一点的爱心、钻石、阴阳八卦等][css]

[https_blog.csdn.net_qq_40428678_article_details_81273481]: https://blog.csdn.net/qq_40428678/article/details/81273481
[css]: https://blog.csdn.net/qq_40428678/article/details/81269391