chapter 1 JS简介,核心语法,变量
chapter 1 JS简介,核心语法,变量
一、JavaScript简介(略)
前端开发有哪些层?语言和功能是什么?
前端三层 | 语言 | 功能 |
---|---|---|
结构层 | HTML | 搭建结合、放置部件、描述语义 |
样式层 | CSS | 美化页面、实现布局 |
行为层 | JS | 实现交互效果、数据收发、表单验证等 |
二、JavaScript基础语法
1.JS三种书写位置
- 行内式
- 直接写在标签上,基本不用,除了下面
- 禁止页面刷新
- 内嵌式JS
- 写在
温馨提示
在实际开发中,常用外部引用js文件
优点:
- 结构彻底分离
- 多页面可以进行复用
- 后期好维护修改
- 浏览器可以根据特定的设置,缓存所有的外部JS文件,所以多个页面都要用到同一个文件时,这个文件只需要下载一次,页面加载速度更快。如果后续再打开网页,浏览器会直接从缓存中读取。
唯一缺点:- 增加请求数(外部文件),但相对上面缺点,完全可以忽略不计。
提示:html文件是不会被缓存的
2.JS注释
2.1单行注释
- //
- 快捷键:ctrl+/
2.2多行注释
- /* */
- 快捷键:alt+shift+a
3.JS注意事项
- 严格区分大小写
- 语句字符都要在英文状态下(字符串中可以使用任意字符)
- 每条语句以分号结尾
- JS中会忽略多个空格和换行
4.JS中输入输出语句
- alert()——弹窗
- 会阻止程序执行,在此代码执行确认后,才会接着执行后面的代码
- console.log()——控制台打印输出信息
- prompt()——浏览器弹出输入框
三、Javascript变量与字面量
1.硬盘、内存、CPU三者的关系
CPU是计算机的运算和控制核心,相当于总指挥,处理速度极快,而硬盘的读取和存储数据的速度极慢,如果CPU直接从硬盘上读数据,CPU就会一直卡在此处操作,浪费大量时间处理不了其他,对CPU而言是极大的浪费,所以,先将CPU要读取的数据存到内存中,等待的时间CPU依然可以处理其他事情,等到内存读取完所需的硬盘的数据后,CPU就直接从内存上进行读取。也就是是CPU永远处于运作状态中,发挥最大效能。当CPU处理完数据后,结果也会暂存到内存中,以便CPU下次使用,或保存到硬盘。
2.什么是变量
变量的本质:变量是程序在内存中申请的一块用来存放数据的空间。
3.如何声明
使用 var 关键字
4.变量的初始化
声明变量的同时为其赋值,成为变量的初始化。
5.更新变量的值
一个变量被重新赋值后,之前的值就会被覆盖
6.同时声明多个变量
每个变量间逗号隔开,可先声明后赋值、可声明的同时赋值、可有的赋值有的先不赋值
7.特殊情况
- 声明变量但没有赋值,默认值为undefined
- 不声明变量直接赋值(不推荐)
- 直接输出一个不存在的变量(控制台报错)
所以在使用一个变量前,一定要先声明。
8.变量的命名(标识符)
标识符命名规则:
- 只能以字母、数字、下划线、$组成,不能以数字开头
- 严格区分大小写
- 不能使用关键字或保留字做变量名
9.推荐两种命名方法
- 驼峰
- c语言风格
- 所有单词小写,单词之间下划线分隔
10.字面量
理解:就是字面意思,不可能发生改变的值(固定值)
实际开发中,我们都是通过变量来保存一个字面量,然后直接使用变量名。比如 var a= 3.14159264774829238974,这个字面量非常长,若要多处书写,则非常麻烦,把他赋值给一个变量a,之后就可以直接使用a来代替这个字面量
四、处理报错和REPL环境
1.处理报错
Uncaught SyntaxError:未捕获的语法错误
Uncaught ReferenceError:引用错误
2.REPL执行环境
- Read-Eval-Print-Loop:交互式解析器
- 在REPL环境下,可以定义和运行变量、函数、对象
- control控制台其实也是一个REPL环境,可以使用它临时测试表达式的值
chapter 1 JS简介,核心语法,变量相关推荐
- JS基础核心语法(1)
JS基础核心语法 JS的简介 JS的组成 JS的特点 JS的使用 JS的输出 JS的调试 JS的语法规范 报错类型 标识符 JS的执行代码过程: 有无var关键字声明变量的区别 JS的简介 视图(vi ...
- 【汇总】js简介es6-12语法
一.JavaScript 的诞生 JavaScript 因为互联网而生,紧跟着浏览器的出现而问世.回顾它的历史,就要从浏览器的历史讲起. 1990年底,欧洲核能研究组织(CERN)科学家 Tim Be ...
- JS的基本语法知识概括(ECMA、DOM、BOM)
1.javaScript的简介: 1.理解: js是一种解释性.即使编译的编程语言.应用于web应用的脚本语言,非web环境下也可以使用 2.作用: 1.js可以实现html标签的动态效果 2.js可 ...
- HTML学习9 JS 数字和字符串 变量的类型 运算符和表达式 布尔值和关系运算符、逻辑运算符
JavaScript简介 1.1 JavaScript的用途 JavaScript用来制作web页面交互效果,提升用户体验. 简单列出几个JavaScript能够制作的页面效果,它能干什么: 轮播图 ...
- “流式”前端构建工具——gulp.js 简介
Grunt 一直是前端领域构建工具(任务运行器或许更准确一些,因为前端构建只是此类工具的一部分用途)的王者,然而它也不是毫无缺陷的,近期风头正劲的 gulp.js 隐隐有取而代之的态势.那么,究竟是什 ...
- Node.js「一」—— Node.js 简介 / Node.js 模块 / 包 与 NPM
本文为 Node.js 系列笔记第一篇.文章参考:nodejs 教程 -- 大地:<深入浅出 Node.js>:阮一峰 nodejs 博客 文章目录 一.Node 简介 1. 简单介绍 2 ...
- JavaScript笔记---JS简介和开发入门
目录 一.JavaScript概述 1.什么是JS: 2.JS的作用: 3.JS的组成: 4.JS的语法: 5.JS的数据类型: 6.JS的运算符和语句: 7.JS的输出 8.JS的开发步骤 二.JS ...
- 前端之JS篇(一)——计算机基础JS简介
1.计算机基础 1.1 编程语言 编程:就是让计算机为解决某个问题而使用某种程序设计语言编写程序代码,并最终得到结果的过程. 计算机程序:就是计算机所执行的一系列的指令集合,而程序全部都是用我们所掌握 ...
- 什么是JavaScript;JS的基本语法
JavaScript 什么是JavaScript JavaScript是一个轻量级的脚本语言.不具备开发操作系统的能力,只是用来编写或控制其他大型应用程序的脚本(在其他大型程序内部运行的语言). Ja ...
- JS(第二十四课)JS高级Es6语法
ECMAScript 6_百度百科 (baidu.com) 第一部分:百度简介 ECMAScript 6(简称ES6)是于2015年6月正式发布的JavaScript语言的标准,正式名为ECMAScr ...
最新文章
- blog微服务架构代码_聊聊微服务架构
- 用固定收敛标准特征迭代次数法实现分类是不是一个巧合?
- ASP.NET缓存之 没有为 SQL 缓存通知启用数据库“ReplaceShop”。
- js经典试题之数据类型
- 如何在阅读参考文献时,有效率的做笔记?
- np.nonzero()函数的解析
- apollo 配置中心_配置中心——Apollo小记
- 图像空域增强:灰度映射法
- java hsqldb数据库_【DataBase】Hsqldb的简单使用
- 8086CPU 的寻址方式(重点)
- 知识图谱:【图数据库Nebula(一)】——Nebula简介
- PC端浏览器兼容性问题解决方案
- servlet3.1规范翻译:第13章 安全
- andorid身份证输入格式--EditText设置
- 自体脂肪填充苹果肌硬块多久消
- linux查看硬盘信息命令
- blob导出的excel文件打不开,responseType: “blob“ 但 response回应类型不是blob类型,response.data是乱码。
- Spring Cloud Alibaba微服务架构实战教程—07集成knife4j生成Api文档
- journalctl -xe命令(系统日志查询)的使用
- 2019福建高中计算机会考操作,2019年福建省普通高中学生学业基础会考.doc