Каков контекст анонимной функции?

я не понимаю почему это ошибка

потому что

function() {
    this.val=7;
}();

оценивается как объявление функции, а для объявлений функций требуется имя. Чтобы оно интерпретировалось как функциональное выражение, вам нужно поместить его в круглые скобки:

 (function() {
    this.val=7;
 }());

(что делает его непосредственной функцией)

или присвоить функцию переменной:

var f = function() {....};
f();

То, что вы делаете во втором фрагменте, представляет собой смесь того и другого, и хотя это действительно так, это не имеет особого смысла. f будет иметь значение undefined.

я не понимаю, если функции являются объектами, то почему this в анонимной функции указывает на window, а не на demo.

Функции не наследуют контекст, в котором они вызываются. Каждая функция имеет свой собственный this, и то, на что ссылается this, определяется как вызывается функция. В основном это сводится к:

• «Автономная» ( func()) или как непосредственная функция ( (function(){...}()) ): this будет ссылаться на глобальный объект (window в браузерах)

• Как свойство объекта ( obj.func()): this будет ссылаться на obj

• С помощью new ^[docs] ( new Func() ): this относится к пустому объекту, который наследуется от Func.prototype

• apply ^{[документы]} и call ^[docs] методы ( func.apply(someObj) ): this относится к someObj

Дальнейшее чтение:

• Руководство по MDC JavaScript — Функции
• Справочник MDC по JavaScript — функции и область действия
• ECMAScript 5, раздел 13 — Определение функции

Вы можете сделать то, что вы описали, следующим образом:

function demo() {
    var self=this;

    this.val = 5;

    var f = (function() {
        self.val = 7;
    })();
}