JavaScript入门笔记day1
To be a struggling Rick for everything~

啥是JavaScript
题外话,JavaScript并非java的简版,这在核心技术里第一章就提到过~
java与JavaScript除了在语法方面丢丢类似(实际上它的语法风格与Self及Scheme较为接近)之外,毫无关系!据说是管理层希望它外观看起来像Java,因此取名为JavaScript……
JavaScript是一种属于网络的脚本语言,是动态类型、弱类型、基于原型的语言
JavaScript 是一种轻量级的编程语言。
JavaScript 是可插入 HTML 页面的编程代码。
JavaScript 插入 HTML 页面后,可由所有的现代浏览器执行。
JavaScript与HTML的结合方式
首先,需要注意
- 内部插入
<script type="text/javascript">
XXXX
</script>
- 外部引入
<script src="xxx.js"></script>
xxx代指你的js文件名
直接在js文件里写代码即可,可类比css文件的引入方式
js文件在HTML中的位置
理论上讲,js文件可以放在HTML文件的任何位置。
但出于规范化的考虑,还是做做文章的好~
浏览器对于HTML文件的解释是自上而下的,而我们需要根据js文件的具体类型进行选择。
- 进行页面初始化的js内容,必须放在里面
- 其他的文件放在最后,以防页面未完成加载,DOM节点加载不到导致报错
图片出处https://www.jianshu.com/p/6171d432b78d

注释方式
如同大多数语言一样,js的注释也不会出现在可执行的结果中
注释分为单行注释和多行注释两种:
//我是单行注释
/*
我是多行注释
注释语法和java一样哦~
*/
变量
命名规范:
- 变量名的开头必须是字母或下划线或者美元符
与java要求相同,在java核心卷Ⅰ中有这种说法:变量名开头必须是“字母”,但这个字母的范围很广,包含大小写字母、下划线、美元符,以及在某种语言中表示字母的任何Unicode字符
2.其后可以是任意多个字母、下划线、美元符、数字
- notes
** 不推荐在变量名开头出现下划线或美元符
** 变量名称对于大小写敏感,即A和a是不一样的
** 不可以用js的关键字或者保留字作为变量名

定义的关键字
- var
可以保存任何数据类型的值,但是作用域只能是全局或者是整个函数块
语法格式:
var 变量名;
eg:
var age=18,name="CuiHua";
通常教程中所见关键字,但是并不推荐使用……
- 定义的变量没有块作用域
2. 变量提升
document.write(i);
var i=0;
网页显示 undefined


2. const
定义常量,在声明时必须初始化
const 变量名;
3.let
存在块级作用域,没有变量提升,暂时性死区,不允许重复声明。
- 块级作用域:

- 不存在变量提升
document.write(i);
let i=0;

JavaScript入门笔记day1的更多相关文章
- JavaScript基础——JavaScript入门(笔记)
JavaScript入门(笔记) JavaScript是一种轻量级.解释型的Web开发语言,该语言系统不是很庞杂,简单易学.由于所有现代浏览器都已嵌入JavaScript引擎,JavaScript源代 ...
- javascript入门笔记3-dom
1.通过ID获取元素 document.getElementById("id") <!DOCTYPE HTML> <html> <head> & ...
- JavaScript入门笔记
第一章 JavaScript语法 1.1 初识JavaScript 1.3 数据类型 1.4 string和boolean类型 1.5 算数操作符 第二章 JavaScript流程控制语句 2.1 循 ...
- JavaScript 入门笔记
JavaScript 1.JS和DOM的关系 浏览器有渲染html代码的功能,把html源码在内存里形成一个DOM对象,就是文档对象 浏览器内部有一个JS的解释器/执行/引擎,如chrome用v8 ...
- JavaScript入门笔记(一)
JavaScipt 2.1 javascript的组成部分 ECMAScript: 它是整个 javascript 的核心,包含(基本语法.变量.关键字.保留字.数据类型.语句.函数等等)DOM:文档 ...
- javascript入门笔记9-认识DOM
认识DOM 文档对象模型DOM(Document Object Model)定义访问和处理HTML文档的标准方法.DOM 将HTML文档呈现为带有元素.属性和文本的树结构(节点树). 将HTML代码分 ...
- javascript入门笔记8-window对象
History 对象 history对象记录了用户曾经浏览过的页面(URL),并可以实现浏览器前进与后退相似导航的功能. 注意:从窗口被打开的那一刻开始记录,每个浏览器窗口.每个标签页乃至每个框架,都 ...
- javascript入门笔记7-计时器
计时器 语法: setInterval(代码,交互时间) 参数说明: 代码:要调用的函数或要执行的代码串. 交互时间:周期性执行或调用表达式之间的时间间隔,以毫秒计(1s=1000ms). 例子: & ...
- javascript入门笔记6-内置对象
1.Date 日期对象 日期对象可以储存任意一个日期,并且可以精确到毫秒数(1/1000 秒). 定义一个时间对象 : var Udate=new Date(); 注意:使用关键字new,Date() ...
- javascript入门笔记5-事件
1.继续循环continue; continue的作用是仅仅跳过本次循环,而整个循环体继续执行. 语句结构: for(初始条件;判断条件;循环后条件值更新) { if(特殊情况) { continue ...
随机推荐
- IDEA - 文件上方的文档注释如何自定义
1.在设置中打开文件和代码模板,根据描述中的参考信息进行自定义配置 File > Settings > Editor > File and Code Templates 2.配置完成 ...
- Twain Capabilities属性
Asynchronous Device Events 异步设备事件 CAP_DEVICEEVENT MSG_SET选择应用程序希望Twain源报告的事件; MSG_RESET返回Twain源的首选设置 ...
- [第三章]ABAQUS CM插件中文手册
ABAQUS Composite Modeler User Manual(zh-CN) Dassault Systèmes, 2018 注: 源文档的交叉引用链接,本文无效 有些语句英文表达更易理解, ...
- Vue2/Vue3 项目生产环境开启 vue devtools 插件线上调试 vue 组件
说到 vue 项目的调试工具,必然少不了 "vue devtools 插件",此插件就像"手术刀"一样,是开发环境下的一个利器,生产环境一般情况没办法使用. 要 ...
- nnUNet 论文解析
一些废话: 毕业论文用 nnUNet 及其自带的功能大概做了一个医学图像的分割模块.现将自己在学习过程中看过的相关论文及相关能找到的笔记记录整理在此.一些浅显的内容目的是在为自己做记录的同时,也希望能 ...
- Ubuntu如何下载nvidia驱动和Cuda Toolkit
Ubuntu如何下载nvidia驱动和Cuda Toolkit 前言 手快不小心把 nvidia 的某个东西删除了,现在不得不全部卸载后再重新安装了. 我再也不敢在不确认内容的情况下,确认删除了 ...
- 微信小程序获取环境变量
微信小程序获取环境变量 在微信小程序中,无法直接获取环境变量.但是,我们可以通过其他方式来模拟环境变量的功能. 参考用法 通过 wx.getAccountInfoSync() 获取小程序信息,包含小程 ...
- leetcode两数之和变种(找出所有满足总和的两个数)
偶尔看到leetcode 的两数之和,但是之前遇到过两数之和的变种,之前一开始想不出来,后面看了别人的题解才想到解法,这里记录一下. 题目描述: 原leetcode题目描述 给定一个整数数组 nums ...
- 『Plotly实战指南』--折线图绘制基础篇
在数据分析的世界中,折线图是一种不可或缺的可视化工具. 它能够清晰地展示数据随时间或其他变量的变化趋势,帮助我们快速发现数据中的模式.趋势和异常. 无论是金融市场分析.气象数据监测,还是业务增长趋势预 ...
- Windows 10右键添加 "在此处打开命令窗口" 菜单
1.添加右键菜单的两种效果: 第一种是在 桌面/文件夹窗口中/选中文件夹上直接点击右键,显示"在此处打开命令窗口"选项,如图: 第二种是在 桌面/文件夹窗口中/选中文件夹上按住Sh ...