linux配置js运行环境,解决JavaScript运行环境
javascript栏目介绍其运行环境,才有好的开始。
相关免费学习推荐:javascript(视频)
文章目录文件版本说明
JavaScript运行环境
镶嵌网页
JavaScript文件脚本:.js
JavaScript打印
打印方式
打印级别
编写代码IDE平台:记事本 + 浏览器
调试代码
编写代码IDE平台:Visual Studio Code + Node.js
主程序
调试代码
编写代码IDE平台:Linux
中文支持
文件版本说明版本发布日期修订章节作者0.12018.05.01撰写草稿钟鑫
0.22018.05.05添加js变量定义钟鑫
0.32018.05.05添加js编译环境钟鑫
0.42018.05.11添加js函数钟鑫
0.52018.05.14添加解构赋值钟鑫
0.62018.05.19添加函数定义以及类定义钟鑫
0.72018.05.27添加类的定义钟鑫
0.82018.06.09添加时间定义钟鑫
JavaScript运行环境
镶嵌网页
在一个html中镶嵌JavaScript,镶嵌标签
JsTest.html
ZX test title
function js_test_html(){
alert('alert ZX test');
console.log('console ZX test');
document.write('document ZX test\n');
}
js_test_html();
显示效果如下图所示。
JavaScript文件脚本:.js将js代码写入一个js文件中,然后通过html调用这个脚本。function js_main(){
alert('main alert ZX test');
console.log('main console ZX test');
document.write('main document ZX test');
}
js_main();
将js文件镶嵌到html文件中
ZX test title
显示效果如下图所示。
JavaScript打印
JavaScript的调试打印在浏览器中按F12调出,代码中用console对象实现。
打印方式
JavaScript的调试打印有多中方式,包含可以直接打印数字、数组、字符串甚至结构体和类。
源码function js_console_test(){
var strtest = "string";
var chartest = 'A';
var istest = 3;
var fpai = 3.14159;
var arraytest = ["zx",6.626E-34,'B',8];
var stTest = {
siindex: 1,
strname: "ZX Test",
sinum: 2.71828,
functest: function stfunc(){ return true;}
};
console.log(strtest);
console.log(chartest);
console.log(istest);
console.log(fpai);
console.log(arraytest);
console.log(stTest);
}
执行结果
打印级别
console对象对调试打印有着打印级别,对应不同的调试环境。
源码function js_console_level(){
console.log("This is log level.");
console.debug("This is debug level.");
console.info("This is info level.");
console.warn("This is warn level.");
console.error("This is error level.");
}
执行结果
点击右边的定位会跳转到代码调试选项
编写代码IDE平台:记事本 + 浏览器
只要安装了浏览器,通过记事本就可以编写js代码。但要使js运行起来,就必须将js镶嵌到html文件中
浏览器打开html文件,就可以执行js脚本。
调试代码
在浏览器按F12调出调试环境,可以在源码上打上断点,单步调试,查看输出。如下图所示。
edge上调试代码,如下图所示
编写代码IDE平台:Visual Studio Code + Node.js
用Visual Studio Code轻便,结合Node.js开发可以不用调用浏览器去调试代码。
与浏览器不同的是,js文件可以单独运行而不需嵌入html中,通过Node.js加载运行。
Visual Studio Code下载:https://code.visualstudio.com/
Node.js下载:https://nodejs.org/en/
安装完之后打开指定文件夹,如下图所示
编码格式选择LF,与linux保持一致,如下图所示
主程序
在安装好Node.js之后,配置Visual Studio Code的环境,就可以调试js的代码。如下图所示。
调试代码
控制调试代码的配置是由文件launch.json进行控制的,可以在添加配置选项中配置调试选项。launch.json文件放置在工程目录的.vscode文件夹下,如下图所示。
编辑界面可以打断点进行调试,在调试控制台可以看到输出信息。变量栏可以时刻观察js变量。如下图所示。
编写代码IDE平台:Linux
在linux中,支持JavaScript的调试,需要安装nodejssudo apt-get install nodejs-legacy nodejs
$ node -v
v4.2.6
执行JavaScript脚本$ node Jsmain.js
string
A
3
3.14159
[ 'zx', 6.626e-34, 'B', 8 ]
{ siindex: 1,
strname: 'ZX Test',
sinum: 2.71828,
functest: [Function: stfunc] }
中文支持
js文件保存的形式是utf-8模式保存,不然会出现乱码,如下图所示。
linux配置js运行环境,解决JavaScript运行环境相关推荐
- NodeJS环境搭建以及运行Node.js项目、饿了么ui(elementui)开发模式简单介绍
一.Node.js是什么? 1.1 Node.js是一个基于Chrome V8引擎的[JavaScript运行环境]. Node.js使用了一个事件驱动.非阻塞式I/O 的模型. 1.2 Node.j ...
- Redhat Linux配置远程桌面
又是新的一年,Linux会有什么动作呢?通过这十多年Linux系统越来越受到电脑用户的欢迎,于是很多人开始学习Linux时,你可能会遇到Redhat Linux配置远程桌面问题,这里将介绍Redhat ...
- 如何让服务器运行js,服务器端JavaScript运行环境Node.js的依赖性管理
众所周知,Node.js是一个基于Chrome V8引擎的服务器端JavaScript运行环境.它采用了一种事件驱动的.非阻塞式的I/O模式,运行起来既轻量级又高效.诚然,我们可以使用单个js文件,来 ...
- 一键搭建微信小程序开发环境 及demo运行(腾讯云上一键搭建node.js服务器环境,PHP,Java,.NET服务类似)
一.首先准备下本地环境(本地就需要一个微信开发工具) 1.首先得有一个微信小程序账号,登陆微信小程序首页:mp.weixin.qq.com,点击右上角立即注册. 注册登陆后,首页填写一些小程序基本信息 ...
- js中立即执行函数会预编译吗_作为前端你了解JavaScript运行机制吗?
作为前端工程师,大家都知道js是前端一开始就要学会的知识点,js的代码你会写了,那js的运行机制你了解吗?只有了解了js的运行机制,才能在工作中如鱼得水,今天就跟随珠峰的老师一起来了解下js的运行机制 ...
- 初识NodeJS,一个基于GoogleV8引擎的Javascript运行环境
一.NodeJS简介 思考 首先我们来思考一个问题:我们都知道几乎所有现代主流浏览器都全面支持了ECMAScript 5.1版标准,而JavaScript的标准是ECMAScript.那么我们就容易认 ...
- uniapp中根据URL链接生成二维码(适用所有Javascript运行环境的前端应用),保存二维码到本地相册。
推荐一款适用所有Javascript运行环境的二维码生成组件. uQRCode是一款基于Javascript环境开发的二维码生成插件,适用所有Javascript运行环境的前端应用和Node.js应用 ...
- notepad++配置java,c,c++,python,shell运行环境
本文转自 http://blog.csdn.net/freewaywalker/article/details/8005468 javapythonc#microsoftpathjdk 如果只是测试小 ...
- 下载nodejs的mysql安装包下载_nodejs安装包下载|nodejs(javascript运行环境) v5.3.0 最新稳定版 - 软件下载 - 绿茶软件园|33LC.com...
nodejs(javascript运行环境)是款运行在服务器端的javascript.nodejs(javascript运行环境)使用了一个事件驱动.非阻塞式 I/O 的模型,使其轻量又高效,Node ...
最新文章
- 抖音开放平台 php-sdk 注意事项
- JAVA中线程同步的方法(7种)汇总
- 微信验证服务器是怎么回事,微信服务器认证为什么需要这么多参数?
- linux微信公众号报警,zabbix报警媒介,微信报警,邮件报警
- 【渝粤题库】国家开放大学2021春2617生产与运作管理题目
- matlab实现二项分布
- mysql 禁止使用enum_MySQL慎用 ENUM 字段
- python Lambda 表达式
- linux 常用基础命令
- 内购订单进行二次处理_游戏内购要涨价?谷歌效仿苹果:安卓内购抽成30%
- C#指南,重温基础,展望远方!(11)C#委托
- 中南大学计算机网络期末试卷,中南大学计算机网络期末复习试卷1
- goflyway安装
- 海外并购频频被阻 中国芯发展之路困难重重
- 【5G架构】5G 协议栈结构以及与OSI七层协议之间的关系
- python输入数组_python读入数组
- F5 BIG-IP 17.0.0
- 开发时几种常见的建模工具
- 基于Profibus-DP协议的PLC智能从站设计
- 获取二维数组的长度和宽度
热门文章
- 阿里云云解析新手教程 新手看完啥都会了
- 软件工程——软件设计方法(概要设计)
- linux dd nand,Flash基础入门之采用dd 工具做Nand Flash磨损均衡
- Cannot find module ‘***‘ ... Vetur(2307)
- 吾儿秘史第一季--趣事糗事大杂烩(2011.7.11-2014.6.1)
- n个数取m个进行全排列算法(python)
- 盒子嵌套盒子行高问题
- 2021年全球数字探针温度计行业调研及趋势分析报告
- 对计算机应用基础这门课的认识,对计算机应用基础课程教学的探讨
- iOS6.1.2完美越狱