JavaScript开发环境:面对众多JavaScript开发工具,现代JavaScript开发者的工具箱发生了极大的变化。学习 Javascript 就稍微不大一样,只要你的电脑上有浏览器,你就已经有了一个最简的开发环境。这节课我们将在为整个课程学习做好准备,如何运行JavaScript文件?如果你从来没有学计算机语言,一切将从这里开始。
- 课堂源码可以在linchong899201/Javascript上面找到;
- 保持js文件整齐;
- 创建一个javascript基础的文件夹;
- js文件夹;
- js学习门槛比较低;
JavaScript开发环境-编写html代码
- html基本页面
- head
- body>header>
- 引入js文件<script src=””>没有内容</script>
- 浏览器自带的console工具调试
JavaScript开发环境总结
- 文本编辑器
- 浏览器
- 调试
JavaScript开发环境-结合代码进行详解
1、注释
- 被浏览器忽略的文本内容;
- 描述代码;
- 谨慎使用;
- 添加版权信息和授权信息;
- 代码段描述;
- 两种注释方法:
- 单行注释:用
//
单行注释,通常在js文件里面使用; - 多行注释:用
/*多行注释*/
,通常在js文件开始部分使用;
- 单行注释:用
2、控制台(consoles)
- 用于调试:console.log(‘<3’);这是最常用的调试方法;
- 检查变量或函数的返回值;
- 所有现代浏览器。
3、alerts
- 模态对话框(modal dialog box);
- 阻止浏览器UI(blocks the browser UI);
- 最基本的调试方式;
- 对象和数组无法扩展;
- 有利于警报控制台日志。
代码解释:
- 不能够点击浏览器的任何位置,console也不能操作,直到alert取消;
- alert方法属于全局窗口对象;
- 我们要注释alerts,否则令人讨厌的。
部署现代JavaScript开发环境总结
- 开发环境
- js在浏览器运行
- 或者在服务器
- js开发工具
- 用浏览器运行和调试
- js最基础知识:
- alert();声明
- console.log();
//
注释