Создать библиотеку javascript и использовать её в коде

@Potanin · Регистрация: 27.10.2013

Студворк — интернет-сервис помощи студентам

Здравствуйте! Возникла проблема с созданием и последующим использованием библиотеки js в своём коде. Никакие найденные в интернете способы решения этой проблемы не помогли.
Допустим, имеется библиотека со следующим содержанием:

JavaScript
1
2
3
4
var Container = new function()
{
this.someFunction = function() {alert('Som text');}
};

Она располагается в отдельном файле Container.js.
При попытке её использовать:

JavaScript
1
<script src="/Scripts/Container.js">Container.someFunction()</script>

Visual studio начинает видеть и контейнер и его метод, однако, в результате ничего не происходит: метод не вызывается (не реализуется). Помогите, пожалуйста, разобраться с этим.
Возможно, я неправильно создаю библиотеку. Но после того, как перепробовал множество описанных в интернете способов и пытался сделать по аналогии с JQuery, видеть класс библиотеки начинало лишь при использовании описанного выше способа.

@kalabuni · 15.07.2014, 13:04

HTML5
1
2
<script src="/Scripts/Container.js"></script>
<script>Container.someFunction()</script>

@Potanin · 15.07.2014, 13:11 **[ТС]**

Действительно, в последующих скобах код всё равно продолжало видеть. Тем ни менее, функция по прежнему не вызывается, даже указанным вами способом.

@Thisman · 15.07.2014, 13:37

Potanin,
Потому что у тебя Container = это класс. Ну типо класса.
Соответственно вызывать функцию непосредственно из класса ты не можешь
Тебе нужен экземпляр, напиши вот так вот:

JavaScript
1
2
var container = new Container() // создаем экземпляр класса
container.someFunction() // нам теперь доступны свойства/методы класса

@Potanin · 15.07.2014, 13:52 **[ТС]**

К сожалению и этот способ не подействовал. Возможно, проблема как-то связано с тем, что я использую MVC? И есть ли разница между простым (как я использовал здесь) прописыванием скрипта в script src и вот таким вот длинным способом: <script src="@Url.Content("~/Scripts/Container.js")" type="text/javascript"></script> ? На всякий случай использую два способа.

Проблему удалось решить следующим образом. Дописал в простой src type. Получилось так:

JavaScript
1
2
<script src="/Scripts/Container.js" type="text/javascript"></script>
    <script>Container.someFunction()</script>

Как ни странно, но способ с созданием объекта класса Container и использованием им метода не сработал.

@Thisman · 15.07.2014, 14:06

Potanin, ох, я не заметил. У тебя Container уже является объектом, ты его через оператор new как раз создаешь. Не заметил new(

Добавлено через 43 секунды
Potanin, используй <!DOCTYPE html> Html5 по стандарту работает с js, и там скорее всего не придется использовать type в теге скрипта

@Potanin · 15.07.2014, 14:18 **[ТС]**

<!DOCTYPE html> стоит, всё равно type требует. Думаю что как-то с фреймворком может быть связано (MVC 4 на Visual Studio). Там еще какая-то своя система есть с баундлами и URL.Content, но я пока что еще с ней не совсем разобрался и не понимаю чем она может быть лучше чем обыкновенный, заработавший здесь способ (URL.Content не работал).

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Desktop (MinGW): Создаём пустое окно с нуля для 2D-графики на SDL3, Си и C++ 8Observer8 10.03.2026 Содержание блога Финальные проекты на Си и на C++: hello-sdl3-c. zip hello-sdl3-cpp. zip Результат:	Установка CMake и MinGW 13.1 для сборки С и C++ приложений из консоли и из Qt Creator в EXE 8Observer8 10.03.2026 Содержание блога MinGW - это коллекция инструментов для сборки приложений в EXE. CMake - это система сборки приложений. Здесь описаны базовые шаги для старта программирования с помощью CMake и. . .	Как дизайн сайта влияет на конверсию: 7 решений, которые реально повышают заявки Neotwalker 08.03.2026 Многие до сих пор воспринимают дизайн сайта как “красивую оболочку”. На практике всё иначе: дизайн напрямую влияет на то, оставит человек заявку или уйдёт через несколько секунд. Даже если у вас. . .	Модульная разработка через nuget packages DevAlt 07.03.2026 Сложившийся в . Net-среде способ разработки чаще всего предполагает монорепозиторий в котором находятся все исходники. При создании нового решения, мы просто добавляем нужные проекты и имеем. . .
Модульный подход на примере F# DevAlt 06.03.2026 В блоге дяди Боба наткнулся на такое определение: В этой книге («Подход, основанный на вариантах использования») Ивар утверждает, что архитектура программного обеспечения — это структуры,. . .	Управление камерой с помощью скрипта OrbitControls.js на Three.js: Вращение, зум и панорамирование 8Observer8 05.03.2026 Содержание блога Финальная демка в браузере работает на Desktop и мобильных браузерах. Итоговый код: orbit-controls-threejs-js. zip. Сканируйте QR-код на мобильном. Вращайте камеру одним пальцем,. . .	SDL3 для Web (WebAssembly): Синхронизация спрайтов SDL3 и тел Box2D 8Observer8 04.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-sync-physics-sprites-sdl3-c. zip На первой гифке отладочные линии отключены, а на второй включены:. . .	SDL3 для Web (WebAssembly): Идентификация объектов на Box2D v3 - использование userData и событий коллизий 8Observer8 02.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-collision-events-sdl3-c. zip Сканируйте QR-код на мобильном и вы увидите, что появится джойстик для управления главным героем. . . .

@Potanin 23 / 16 / 7 Регистрация: 27.10.2013 Сообщений: 95
	15.07.2014, 13:11 [ТС]
	Действительно, в последующих скобах код всё равно продолжало видеть. Тем ни менее, функция по прежнему не вызывается, даже указанным вами способом. 0

@Thisman Модератор 771 / 352 / 142 Регистрация: 17.07.2013 Сообщений: 992
	15.07.2014, 14:06
	Potanin, ох, я не заметил. У тебя Container уже является объектом, ты его через оператор new как раз создаешь. Не заметил new( Добавлено через 43 секунды Potanin, используй <!DOCTYPE html> Html5 по стандарту работает с js, и там скорее всего не придется использовать type в теге скрипта 1

@Potanin 23 / 16 / 7 Регистрация: 27.10.2013 Сообщений: 95
	15.07.2014, 14:18 [ТС]
	<!DOCTYPE html> стоит, всё равно type требует. Думаю что как-то с фреймворком может быть связано (MVC 4 на Visual Studio). Там еще какая-то своя система есть с баундлами и URL.Content, но я пока что еще с ней не совсем разобрался и не понимаю чем она может быть лучше чем обыкновенный, заработавший здесь способ (URL.Content не работал). 0

Создать библиотеку javascript и использовать её в коде

Решение