最近在看Vue源码，大多数代码查查都能看懂，以下几段代码有点不知所措，求大神指导批评~

第一段

这是在 stateMixin 方法中的，以下代码被大括号包裹。

{
    dataDef.set = function (newData) {
      warn(
        'Avoid replacing instance root $data. ' +
        'Use nested data properties instead.',
        this
      );
    };
    propsDef.set = function () {
      warn("$props is readonly.", this);
    };
}

第二段

就是Vue开头的那段代码，括号套的我都快晕了。(function(){ ... })的作用是什么呢，而在function(){ ... }之后直接传入参数(this, (function ...))是为何呢？

(function (global, factory) {
    typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
    typeof define === 'function' && define.amd ? define(factory) :
    (global.Vue = factory());
}(this, (function () { 'use strict';

})))

不止是Vue源码，其他源码的开头好像也都是这么写的，这是一种什么样的写法呢？