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 ...
随机推荐
- 探秘Transformer系列之(7)--- embedding
探秘Transformer系列之(7)--- embedding 0x00 概要 在Transformer中,把每个 Token(对应离散的输入数据,如单词或符号)映射到高维稠密向量空间的工作是由嵌入 ...
- 从文本到图像:SSE 如何助力 AI 内容实时呈现?(Typescript篇)
#div_digg { float: right; font-size: 12px; margin: 10px; text-align: center; width: 120px; position: ...
- Refit 原理解析:从初识到实践
在现代的分布式系统和微服务架构中,HTTP API 调用是不可或缺的一部分.为了简化 HTTP 请求的构建和解析,我们可以使用 Refit 这个强大的库.Refit 通过将 HTTP API 抽象为接 ...
- 「二」nginx下载与安装
1.下载地址(开源版):https://nginx.org/en/download.html wget https://nginx.org/download/nginx-1.14.2.tar.gz 2 ...
- C# USB 摄像头 OpenCV 视频picBox呈现,抓拍图像保存呈现。
1.winform 应用程序,两个picturebox空间,一个用于视频呈现,一个用于抓拍呈现. 2.引用包OpenCvSharp4.OpenCvSharp4.Extensions.OpenCvSha ...
- Linux 通过docker安装nginx,.net core sdk或运行时安装到Linux
1.Linux docker通过yum安装 https://blog.csdn.net/GMingZhou/article/details/94024453 https://qizhanming.co ...
- 2025年我用 Compose 写了一个 Todo App
标题党嫌疑犯实锤 序言 从2月12日到3月4日这整整三周时间里,我从零开始又学习了一次 Compose. 为什么说又,是因为这已经是我第二次学习这套课程了. 故事从 4 年前说起,2021 年在意外获 ...
- 1h玩转kubernetes
学习k8s就跟学习office三件套上,95%的人只会5%,而5%的知识可以干95%的事情,所以不要觉的k8s难 1 kubernetes 1 什么是kubernetes Kubernetes 是一个 ...
- Go语言修改字符串
Go 语言的字符串无法直接修改每一个字符元素,只能通过重新构造新的字符串并赋值给原来的字符串变量实现.请参考下面的代码: angel := "Heros never die" an ...
- python实现排列组合--itertools
这是一个python自带的工具集,简单好用功能强大,能够大大提升编写代码效率. 功能不止排列组合,其他的用用加深理解了再整理. 官方文档:https://docs.python.org/zh-cn/3 ...