Как запустить js файл в консоли
например, если бы вы должны были запустить скрипт Python, вы бы напечатали python filename.py или если вы хотите запустить программу на C сделать имя файла затем ./ filename. Как вы это делаете с .js файлов?
вам понадобится движок JavaScript (например,носорог Mozilla) для оценки скрипта - точно так же, как и для Python, хотя последний поставляется со стандартным дистрибутивом.
Если у Вас установлен Rhino (или альтернатива) и на вашем пути, то запуск JS действительно может быть таким же простым, как
стоит отметить, что, хотя JavaScript-это просто язык сам по себе, многие конкретные скрипты предполагают, что они будут выполнение в браузерной среде-и поэтому попробуйте получить доступ к глобальным переменным, таким как location.href и создайте вывод, добавив объекты DOM, а не вызывая print .
Если у вас есть сценарий, который был написан для веб-страницы, вам может потребоваться обернуть или изменить его, чтобы он мог принимать аргументы от stdin и писать в stdout. (Я считаю, что у Rhino есть режим для эмуляции стандартных глобальных vars браузера, который очень помогает, хотя я не могу найти документы для этого сейчас.)
другой ответ будет NodeJS!
узел.js-это платформа, построенная на JavaScript-среде выполнения Chrome для быстрого создания масштабируемых сетевых приложений. Узел.js использует управляемую событиями, неблокирующую модель ввода-вывода, которая делает ее легкой и эффективной, идеально подходит для приложений с интенсивным использованием данных в реальном времени, которые работают на распределенных устройствах.
через терминал вы сможете запустить его с помощью .
вы также можно запустить файл JavaScript следующим образом:
если у вас Mac вы можете узнать jsc консоль javascript в OS X (терминал), введя
на терминал.app.
вы также можете запустить один из ваших .сценарий js, добавив его имя в качестве аргумента для jsc, например:
обратите внимание: я использую console.log() во время разработки, но АО должен debug() вместо функции.
On Ubuntu у вас есть некоторые хорошие оболочки ECMAScript в вашем распоряжении. Между ними стоит упомянуть SpiderMonkey. Вы можете добавить его по sudo apt-get install spidermonkey
On Windows как говорили другие люди, Вы можете положиться на cscript и wscript непосредственно на ОС.
Я бы добавил еще один:)способ мышления к проблеме, если у вас есть время и вы хотите узнать новые вещи, я хотел бы упомянуть кофе-скрипт что его собственный компилятор / консоль и дает вам супер-правильный Javascript. Вы можете попробовать его также в своем браузере (ссылка "try coffeescript").
узел использовать.js для этого, вот пример того, как установить node С помощью brew на mac:
затем запустите программу, введя node filename.js , а вы можете использовать console.log() для вывода.
Это грубо, но вы можете открыть консоль Javascript в Chrome (Ctrl+Shift+J) и вставить текстовое содержимое *.JS файл и нажмите Enter.
в качестве альтернативы, если вы просто хотите поиграть с Javascript, хороший вариант в браузере -Codecademy это Лаборатория Javascript.
У них также есть Python и Ruby IDE.
если вы используете windows.
- настройка node.js в вашей системе и открыть node.js терминал
- открыть node.js командная строка, перейдите в каталог, где вы сохранили файл js.
- и выполните свой JS-файл, дав команду node yourfilename.js
если вы хотите выполнить код JavaScript и увидеть результат в следующей строке, используйте codecademy сайт.
если вы находитесь на ПК с Windows, вы можете использовать WScript.exe или CScript.exe
просто имейте в виду, что вы не в браузере, то document.write или все, что полагается на
Я тоже пытался исследовать это, но вместо этого использовал jsconsole.com Реми Шарп (он также создал jsbin.com). Я работаю на Ubuntu 12.10, поэтому мне пришлось создать специальный значок но если вы находитесь в Windows и используете Chrome, просто перейдите в "инструменты" > "создать ярлыки приложений" (обратите внимание, что это не очень хорошо работает или вообще в моем случае на Ubuntu). Этот сайт работает очень похоже на Mac jsc консоль: на самом деле у него есть некоторые интересные функции (например, загрузка библиотек / кода из URL), что я думаю jsc нет.
надеюсь, что это помогает.
на Ubuntu установите libjavascriptcoregtk-3.0-bin и использовать /usr/bin/jsc (manpage).
Консольный инструмент в браузере DevTools — это среда REPL. **** REPL обозначает чтение, оценку, печать и цикл. Консоль **** считываю JavaScript, который в него введите, оценивает код, распечатывает результат выражения, а затем возвращается к первому шагу. Это означает, что вы можете написать любой JavaScript в консоли, которая запускается немедленно.
Откройте консоль. Например, нажмите Control + Shift + J (Windows, Linux) Command + Option + J или (macOS).
Консоль немедленно отображает результат на 4 следующей строке при введите. Эта Eager evaluation функция поможет вам написать допустимый JavaScript. Он отображает результат при введите, независимо от того, является ли javaScript правильным, и независимо от того, существует ли допустимый результат.
Консоль отображает результат live при 2 + 2 введите его
Если нажать кнопку, консоль запускает команду JavaScript, дает результат и позволяет написать Enter следующую команду. ****
Запустите несколько выражений JavaScript последовательно
Автозаполнение для записи сложных выражений
Консоль помогает вам писать сложный JavaScript с помощью автозаполнения. Эта функция — отличный способ узнать о методах, которые вы раньше не знали.
- Введите doc .
- Нажмите клавиши стрелки, чтобы document выделить в меню отсев.
- Нажмите Tab клавишу, чтобы выбрать document .
- Введите .bo .
- Нажмите Tab кнопку document.body ввести .
- Введите другой, чтобы получить большой список возможных свойств и методов, доступных на . теле текущей веб-страницы.
Автокомплект консоли выражений JavaScript
История консоли
Как и во многих других опытом командной строки, у вас также есть история команд. Нажмите Up Arrow кнопку, чтобы отобразить команды, которые вы ввели ранее. Автокомплект также сохраняет историю команд, которые вы ранее впечатлили. Вы можете ввести первые несколько букв предыдущих команд и отображать предыдущие варианты в текстовом ящике.
Кроме того, консоль также предлагает довольно много полезных методов, которые упрощают вашу жизнь. Например, $_ всегда содержит результат последнего выражения, которое вы запустили в консоли.
Многолинейные изменения
По умолчанию консоль предоставляет только одну строку для записи выражения JavaScript. Код выполняется при нажатии Enter . Ограничение одной строки может вас расстроить. Чтобы обойти ограничение одной строки, нажмите Shift + Enter вместо Enter . В следующем примере отображаемая величина является результатом работы всех строк в порядке.
Если вы запустите многолинейное заявление в консоли, оно автоматически распознается и отступит. Например, при запуске блок-заявления с фигурной скобки.
Сетевые запросы с помощью верхнего уровня await()
Кроме собственных скриптов консоль поддерживает верхний уровень, чтобы запустить произвольный асинхронный JavaScript в нем. Например, используйте fetch API без обертывания заявления await функцией async.
Чтобы получить последние 50 проблем, которые были поданы в Microsoft Edge средства разработчика для Visual Studio Code GitHub репо:
Откройте консоль.
Скопируйте и вклейте следующий фрагмент кода, чтобы получить объект, содержащий 10 записей.
10 записей трудно распознать, так как отображается много информации. Метод журнала позволяет получать только интересуемую console.table() информацию.
Чтобы повторно использовать данные, возвращаемые из выражения, можно использовать метод copy() утилиты консоли. Следующий фрагмент кода отправляет запрос и копирует данные из ответа на буфер обмена.
Используйте консоль как отличный способ практиковать JavaScript и делать быстрые вычисления. Реальная мощность — это то, что у вас есть доступ к объекту окна. Консоль можно использовать для взаимодействия с DOM.
Если вы новичок в использовании Node.js, это руководство поможет вам начать с некоторых основ.
Предварительные требования
Если вы впервые пробуете Node.js, рекомендуем выполнить установку непосредственно в Windows. Дополнительные сведения см. в статье Выбор между установкой Node.js в Windows и подсистеме Windows для Linux.
Использование Node.js в Visual Studio Code
Если вы еще не установили Visual Studio Code, вернитесь к предыдущему разделу предварительных требований и выполните действия по установке, связанные с Windows или WSL.
Откройте командную строку и создайте новый каталог с помощью команды mkdir HelloNode , а затем введите каталог: cd HelloNode .
Создайте файл JavaScript с именем "app.js" и переменной с именем "msg" в: echo var msg > app.js
Откройте каталог и файл app.js в VS Code с помощью команды code . .
Добавьте простую строковую переменную ("Hello World"), а затем отправьте содержимое строки в консоль, введя его в файле "app.js":
Для запуска файла "app.js" с Node.js. Откройте окно терминала в VS Code, выбрав Представление > Терминал (или нажмите Ctrl+`, используя символ обратного апострофа). Если необходимо изменить терминал по умолчанию, откройте раскрывающееся меню и выберите Выбрать оболочку по умолчанию.
В окне терминала введите: node app.js . Вы должны увидеть выходные данные: "Hello World".
Обратите внимание, что при вводе console в файл "app.js", VS Code отображает поддерживаемые параметры, связанные с объектом console , который можно выбрать из использования IntelliSense. Попробуйте поэкспериментировать с Intellisense, используя другие объекты JavaScript.
Создание первого веб-приложения Node.js с помощью Express
Express — это простейшая, гибкая и оптимизированная платформа Node.js, упрощающая разработку веб-приложения, которое может обрабатывать различные типы запросов, например GET, PUT, POST и DELETE. Express поставляется с генератором приложений, который автоматически создает файловую архитектуру для приложения.
Чтобы создать проект с помощью Express.js, выполните следующие действия.
Откройте командную строку (командная строка, Powershell или любой другой вариант).
Создайте новую папку проекта: mkdir ExpressProjects и введите этот каталог: cd ExpressProjects
Используйте Express для создания шаблона проекта HelloWorld: npx express-generator HelloWorld --view=pug
Мы используем команду npx , чтобы выполнить пакет Node Express.js без фактической установки (или временно установить его в зависимости от того, как вы хотите его представить). Если вы попытаетесь использовать команду express или проверить установленную версию Express с помощью: express --version , вы получите ответ, о том, что Express не удается найти. Если вы хотите глобально установить Express, чтобы применять его на постоянной основе, используйте: npm install -g express-generator . Список пакетов, установленных npm, можно просмотреть с помощью npm list . Пакеты будут перечислены в соответствии с глубиной расположения (уровень глубины вложенных каталогов). Установленные пакеты будут расположены на уровне 0, зависимости пакетов — на уровне 1, другие зависимости —на уровне 2 и т. д. Дополнительные сведения см. в статье Различие между npx and npm на сайте StackOverflow.
Изучите файлы и папки, включенные в Express, открыв проект в VS Code, с помощью: code .
Файлы, создаваемые с помощью Express, создают веб-приложение, использующее архитектуру, которая может показаться немного перегруженной. В окне обозревателя VS Code (Ctrl+Shift+E для просмотра), вы увидите, что были созданы следующие файлы и папки:
- bin . Содержит исполняемый файл, который запускает приложение. Он запускает сервер (через порт 3000, если нет альтернативы) и настраивает базовую обработку ошибок.
- public . Содержит все общедоступные файлы, в том числе файлы JavaScript, каскадные таблицы стилей (CSS), файлы шрифтов, изображения и другие ресурсы, необходимые пользователям при подключении к вашему веб-сайту.
- routes . Содержит все обработчики маршрутов для приложения. В этой папке автоматически создаются два файла, index.js и users.js , которые служат примерами отделения конфигурации маршрутов вашего приложения.
- views . Содержит файлы, используемые модулем создания шаблонов. На платформе Express настроен поиск подходящего представления при вызове метода преобразования для просмотра. По умолчанию используется модуль создания шаблонов Jade, но он устарел по сравнению с Pug. Поэтому мы используем флаг --view для изменения модуля (шаблона) представления. Просмотреть параметры как флага --view , так и других флагов можно с помощью команды express --help .
- app.js . Начальная точка вашего приложения. Этот файл загружает все необходимые компоненты и начинает обслуживать запросы пользователей. Его можно назвать связующим компонентом, который объединяет все части.
- package.json . Содержит описание вашего проекта, диспетчер сценариев и манифест приложения. Его основная цель — отслеживать зависимости приложения и их соответствующие версии.
Теперь необходимо установить зависимости, которые Express будет использовать, чтобы создать и запустить приложение HelloWorld Express (пакеты, используемые для таких задач, как запуск сервера, как определено в файле package.json ). В VS Code откройте терминал, выбрав Представление > Терминал (или нажмите Ctrl+`, используя символ обратного апострофа), убедитесь, что вы все еще находитесь в каталоге проекта "HelloWorld". Установите зависимости пакета Express с помощью:
Часть DEBUG=myapp:* приведенной выше команды означает, что вы указываете Node.js включить ведение журнала в целях отладки. Не забудьте заменить "myapp" именем своего приложения. Имя приложения можно найти в файле package.json в свойстве "name". Использование npx cross-env устанавливает переменную среды DEBUG в любом терминале, но ее также можно задать с помощью конкретного терминала. Команда npm start сообщает npm о необходимости запуска скриптов в файле package.json .
Теперь вы можете просмотреть работающее приложение, открыв веб-браузер и перейдя по адресу: localhost:3000
Теперь, когда приложение HelloWorld Express выполняется локально в браузере, попробуйте внести изменения, открыв папку "views" в каталоге проекта и выбрав файл "index.pug". После открытия измените h1= title на h1= "Hello World!" и выберите Сохранить (Ctrl+S). Просмотрите изменения, обновив URL-адрес localhost:3000 в веб-браузере.
Чтобы отключить запуск приложения Express, в окне терминала введите: Ctrl+C
Знакомство с использованием модуля Node.js
Node.js включает в себя средства для разработки серверных веб-приложений. Некоторые из них встроены, а многие другие доступны с помощью npm. Эти модули позволяют выполнять множество задач.
| Средство | Назначение |
|---|---|
| GM, sharp | Обработка изображений, в том числе редактирование, изменение размера, сжатие и т. д. непосредственно в коде JavaScript |
| PDFKit | Создание PDF |
| validator.js | Проверка строк |
| imagemin, UglifyJS2 | Минификация |
| spritesmith | Создание листа Sprite |
| winston | Ведение журнала |
| commander.js | Создание приложений командной строки |
Сведения об операционной системе вашего компьютера можно получить с помощью встроенного модуля ОС.
Окно консоли JavaScript можно использовать для взаимодействия и отладки приложений UWP, созданных с использованием JavaScript. Эти возможности поддерживаются для приложений UWP и приложений, созданных с помощью Средств для Apache Cordova в Visual Studio. Справочник по консольным командам см. в разделе JavaScript Console commands.
Окно консоли JavaScript предоставляет вам следующие возможности:
Просмотр и изменение значений локальных и глобальных переменных в запущенном приложении.
Просмотр визуализаторов объектов.
Запуск кода JavaScript, который выполняется в текущем контексте скрипта.
Просмотр ошибок и исключений JavaScript в дополнение к исключениям модели DOM и среды выполнения Windows.
Выполнение других задач, таких как очистка экрана. Полный список команд см. в разделе JavaScript Console commands .
Если окно консоли JavaScript закрыто, выберите Отладка> Windows > Консоль JavaScript , чтобы снова открыть его. Окно отображается только во время сеанса отладки скрипта.
С помощью окна консоли JavaScript можно взаимодействовать с приложением, не останавливая и не перезапуская отладчик. Дополнительные сведения см. в статье об обновлении приложения JavaScript. Сведения о других возможностях отладки JavaScript, таких как использование Проводника DOM и задание точек останова, см. в статьях Краткое руководство. Отладка файлов HTML и CSS и Отладка приложений в Visual Studio.
Отладка с использованием окна консоли JavaScript
Далее приведена процедура создания приложения FlipView и инструкции по интерактивной отладке ошибки кодирования JavaScript.
Здесь в качестве примера используется приложение UWP. Однако описываемые здесь функции консоли также применимы к приложениям, созданным с помощью инструментов Visual Studio для Apache Cordova.
Отладка кода JavaScript в приложении FlipView
Создайте новое решение в Visual Studio, выбрав Файл > Новый проект.
Выберите элементы JavaScript > Универсальная платформа Windows, а затем элемент Приложение WinJS.
Введите имя проекта, например FlipViewApp , и нажмите кнопку ОК , чтобы создать приложение.
В элементе BODY файла index.HTML замените существующий код HTML следующим кодом:
Откройте файл default.js и замените код следующим кодом JavaScript:
Если цель отладки еще не выбрана, на панели инструментов Отладка в раскрывающемся списке рядом с кнопкой Устройство выберите Локальный компьютер.
Нажмите клавишу F5, чтобы запустить отладчик.
Приложение выполняется, но изображения отсутствуют. Ошибки APPHOST в окне консоли JavaScript указывают на отсутствие изображений.
Во время выполнения приложения FlipView в строке ввода окна консоли (рядом с символом ">>") введите Data.items и нажмите клавишу ВВОД.
В окне консоли отображается визуализатор для объекта items . Это означает, что объект items создан и доступен в текущем контексте скрипта. В окне консоли можно щелкнуть узлы объекта, чтобы просмотреть значения свойств (или использовать клавиши со стрелками). Если щелкнуть объект items._data , как показано на рисунке, можно увидеть, что ссылки на источник изображений являются неправильными, как и ожидалось. Изображения по умолчанию (logo.jpg) все еще присутствуют в объекте, а отсутствующие изображения перемешаны с нужными.
Также обратите внимание на то, что в объекте items._data существует намного больше элементов, чем ожидалось.
В командной строке введите Data.items.push и нажмите клавишу ВВОД. В окне консоли отображается визуализатор для функции push , которая реализована в файле проекта Библиотека Windows для JavaScript (WinJS) . В этом приложении мы используем push для добавления надлежащих элементов. Выполнив небольшой анализ с помощью IntelliSense, можно установить, что следует использовать setAt для замены изображений по умолчанию.
Чтобы устранить эту проблему в интерактивном режиме без остановки сеанса отладки, откройте файл default.js и выберите этот код функции updateImages :
Скопируйте и вставьте этот код в строку ввода консоли JavaScript.
При вставке нескольких строк кода в строку ввода консоли JavaScript строка ввода консоли автоматически переключается в многострочный режим. Можно нажать сочетание клавиш Ctrl + Alt + M для включения и отключения многострочного режима. Чтобы выполнить скрипт в многострочном режиме, нажмите клавиши Ctrl + Ввод или выберите символ стрелки в правом нижнем углу окна. Дополнительные сведения см. в разделе Однострочный и многострочный режим в окне консоли JavaScript.
Исправьте вызовы функции push в командной строке, заменив pages.push на Data.items.setAt . Исправленный код должен выглядеть следующим образом.
Если необходимо использовать объект pages вместо Data.items , следует задать точку останова в коде для сохранения объекта pages в области.
Выберите символ зеленой стрелки, чтобы выполнить скрипт.
Нажмите клавиши CTRL+ALT+M, чтобы переключить строку ввода консоли в однострочный режим, а затем выберите Очистить входную строку (красный значок "X") чтобы удалить код из строки ввода.
Введите в командной строке Data.items.length = 3 и нажмите клавишу ВВОД. Это позволяет удалить лишние элементы данных.
Снова проверьте приложение — нужные изображения теперь отображаются на соответствующих страницах FlipView .
В обозревателе DOM отображается обновленный элемент DIV, и можно перейти в поддерево, чтобы найти нужные элементы IMG.
Остановите отладку, выбрав Отладка > Остановить отладку или нажав клавиши SHIFT+F5, а затем исправьте исходный код.
Полную страницу default.html с исправленным примером кода см. в разделе Отладка примера кода HTML, CSS и JavaScript.
Интерактивная отладка и режим приостановки выполнения
Можно использовать точки останова и пошаговое выполнение кода при использовании таких средств отладки JavaScript, как окно консоли JavaScript. Если программа, которая выполняется в отладчике, оказывается в точке останова, отладчик временно приостанавливает выполнение программы. Если выполнение приостановлено, программа переключается из режима выполнения в режим приостановки выполнения. Выполнение можно возобновить в любой момент.
Если программа находится в режиме приостановки выполнения, можно использовать окно консоли JavaScript для выполнения скриптов и команд, которые являются допустимыми в текущем контексте выполнения скрипта. При выполнении этой процедуры вы будете использовать исправленную версию приложения FlipView , созданную ранее, чтобы продемонстрировать использование режима приостановки выполнения.
Настройка точки останова и отладка приложения
В файле default.html приложения FlipView , созданного ранее, откройте контекстное меню функции updateImages() , а затем выберите Точка останова > Вставить точку останова.
На панели инструментов Отладка в раскрывающемся списке рядом с кнопкой Начать отладку выберите Локальный компьютер .
Выберите Отладка > Начать отладку или нажмите клавишу F5.
Приложение входит в режим приостановки выполнения, когда выполнение достигает функции updateImages() и текущая строка выполнения программы выделяется желтым.
Можно изменить значения переменных, чтобы немедленно изменить состояние программы, не завершая текущего сеанса отладки.
Введите в командной строке updateImages и нажмите клавишу ВВОД. В окне консоли отображается визуализатор для данной функции.
Выберите функцию в окне консоли, чтобы отобразить ее реализацию.
На следующем рисунке показано окно консоли на этом этапе.
Скопируйте одну строку функции из окна вывода в строку ввода и измените значение индекса на 3:
Нажмите клавишу ВВОД, чтобы выполнить эту строку кода.
Если требуется пошаговое выполнение кода по одной строке, нажмите клавишу F11 или нажмите клавишу F5, чтобы продолжить выполнение программы.
Нажмите клавишу F5, чтобы продолжить выполнение программы. Появляется приложение FlipView , и теперь на всех четырех страницах отображается одно из изображений, не заданных по умолчанию.
Чтобы вернуться в Visual Studio, нажмите клавишу F12 или сочетание клавиш Alt + Tab.
Однострочный и многострочный режим в окне консоли JavaScript
Строка ввода в окне консоли JavaScript поддерживает однострочный и многострочный режим. Процедура интерактивной отладки в этом разделе включает примеры использования обоих режимов. Можно нажать сочетание клавиш Ctrl + Alt + M для переключения между режимами.
Однострочный режим позволяет просматривать историю ввода. Для перемещения по истории ввода можно использовать клавиши со стрелкой вверх и стрелкой вниз. В однострочном режиме строка ввода очищается при выполнении скриптов. Чтобы выполнить скрипт в однострочном режиме, нажмите клавишу ВВОД.
В многострочном режиме строка ввода при выполнении скриптов не очищается. При переключении из многострочного режима в однострочный можно очистить строку ввода, нажав клавишу Очистить входную строку (красный значок "X"). Чтобы выполнить скрипт в многострочном режиме, нажмите клавиши Ctrl + Ввод или выберите символ стрелки в правом нижнем углу окна.
Переключение контекста выполнения скрипта
Окно консоли JavaScript позволяет одновременно взаимодействовать с одним контекстом выполнения, который представляет один экземпляр узла веб-платформы (WWAHost.exe). В некоторых сценариях приложение может запускать другой экземпляр узла, например при использовании iframe , контракта совместного доступа, рабочего веб-процесса или элемента управления WebView . Если выполняется другой экземпляр узла, можно выбрать другой контекст выполнения во время запуска приложения, выбрав контекст выполнения в списке Целевой объект .
На следующем рисунке показан список "Цель" в окне консоли JavaScript.
Вы также можете переключить контекст выполнения с помощью команды cd , однако вы должны знать имя другого контекста выполнения, а используемая вами ссылка должна находиться в области. Список Целевой объект предоставляет более удобный доступ к другим контекстам выполнения.
Читайте также: