JavaScript(一)——快速入门
文章目录
- 1. JavaScript概述
- 2. 历史
- 3. 快速入门
- 3.1 引入JavaScript方式
- 3.2 基本语法
- 3.3 数据类型
- 4. 严格检查模式
1. JavaScript概述
JavaScript是一门世界上最流行的脚本语言,是 Web 开发者必学的三种语言之一。
(1)HTML 定义网页的内容
(2)CSS 规定网页的布局(美化)
(3)JavaScript 对网页行为进行编程一个合格的后端人员,必须要精通 JavaScript。
JavaScript 插入 HTML 页面后,可由所有的现代浏览器执行
面试题:Java 和JavaSciprt的区别
- 基于对象和面向对象:Java 是一种真正的面向对象的语言;JavaScript 是一种脚本语言,它是一种基于对象(Object-Based)和事件驱动(Event-Driven)的编程语言。
- 解释和编译:Java 的源代码在执行之前,必须经过编译;JavaScript 是一种解释性编程语言,其源代码不需经过编译,由浏览器解释执行。
- 强类型变量和类型弱变量:Java 采用强类型变量检查,即所有变量在编译之前必须作声明;JavaScript 中变量是弱类型的,甚至在使用变量前可以不作声明。
- 代码格式不一样。
2. 历史
- ECMAScript它可以理解为是JavaScript的一个标准
- 最新版本已经到es6版本,但是大部分浏览器还只停留在支持 es5 代码上
- 开发环境—线上环境,版本不一致
- 在编写JavaScript代码之前要将IDEA设置支持ES6语法,如下图所示
3. 快速入门
3.1 引入JavaScript方式
(1) 内部标签
(2) 外部引入
- 实例代码
- 运行结果
3.2 基本语法
JavaScript在很大程度上和JavaSE类似,但JavaScript严格区分大小写!
定义变量 变量类型 变量名 = 变量值;
浏览器F12(开发者调试工具) 功能介绍
调试时使用最多的功能页面是:元素(ELements)、控制台(Console)、源代码(Sources)、网络(Network)等。
(1)元素(Elements):用于查看或修改HTML元素的属性、CSS属性、监听事件、断点(DOM断点:在JavaScript调试中,我们经常使用到断点调试,其实在DOM结构的调试中,我们也可以使用断点方法,这就是DOM Breakpoint(DOM 断点))
(2)控制台(Console):控制台一般用于执行一次性代码,查看JavaScript对象,查看调试日志信息或异常信息。
console.log(score) 表示在浏览器的控制台打印变量score,相当于System.out.println();
(3)源代码(Sources):该页面用于查看页面的HTML文件源代码、JavaScript源代码、CSS源代码,此外最重要的是可以调试JavaScript源代码,可以给JS代码添加断点等。
(4)网络(Network):网络页面主要用于查看header等与网络连接相关的信息。
控制台输出
3.3 数据类型
基本类型:字符串(String)、数字(Number)、布尔(Boolean)、空(Null)、未定义(Undefined)、Symbol(ES6 引入了一种新的原始数据类型,表示独一无二的值)。
引用类型:数组(Array)、对象(Object)、函数(Function)。
(1)字符串 String
字符串可以是引号中的任意文本,可以使用单引号或双引号,如’abc’或"abc"
(2)数字 Number
js不区分小数和整数
123 //整数123
123.1 // 浮点数123.1
1.123e3 //科学计数法
-99 //负数
NaN // not a number
Infinity //表示无限大
(3)布尔值 Boolean
布尔(逻辑)只能有两个值:true 或 false
(4)null 和 undefined
null 空
undefined 未定义
(5)逻辑运算符
&& //与
|| //或
! //非
(6)比较运算符
=
== 等于(类型不一样,值一样,也会判断为true)
=== 绝对等于(类型一样,值一样,结果true)
注意:
① 坚持不要使用 == 比较
② NaN == NaN,这个与所有的数值都不相等,包括自己
③ 只能通过isNaN来进行判断数值是否是NaN
④ 浮点数问题:尽量避免使用浮点数进行运算,存在精度问题
(7)数组 Array
Java的数值必须是相同类型的对象,JS中不需要是相同类型的对象!
取数组下标:如果越界了,就会出现undefined
(8)对象 Object
对象是大括号,数组是中括号,每个属性之间使用逗号隔开,最后一个不需要添加逗号
控制台输出
4. 严格检查模式
- ‘use strict’; 严格检查模式,预防JavaScript的随意性导致产生的一些问题
且必须写在JavaScript的第一行!
- 局部变量建议使用let定义
JavaScript(一)——快速入门相关推荐
- 【JavaScript:快速入门】
文章目录 JavaScript 1. 快速入门 1.1 引入JavaScript 1.2 基本语法入门 1.3 数据类型 1.4 严格检查模式 'use strict' JavaScript Java ...
- 什么是JavaScript(快速入门)
目录 1.什么是JavaScript 概述 历史 特点 2.基本使用及HelloWorld 1.引入JavaScript 2.基本语法 网页功能(F12): 3.浏览器控制台使用 4.数据类型快速浏览 ...
- 【JavaScript】JavaScript之快速入门
一.基本概念 JavaScript是一种基于对象(Object Based)和事件驱动(Event Driver)的脚本语言,它本身提供了非常丰富的内部对象供开发人员使用. ...
- html遍历集合如何修改其中一,JavaScript简单快速入门
" 别害怕顾虑,想到就去做,这世界就是这样,当你把不敢去实现梦想的时候梦想就会离你越来越远,当你勇敢地去追梦的时候,全世界都会来帮你."你好,我是梦阳辰!未来我陪你一起成长! 01 ...
- javascript基础快速入门
javascript 是基于对象和事件驱动的脚本语言. 1.javascript 的基本标签 <script type="text/javascript">js代码&l ...
- JavaScript Promise 快速入门
Promise 是什么? Promise 是ECMAScript 6中提供了一个类 . Promise 实例对象代表一个异步操作的最终完成或者失败. Promise 能干什么? 可以在Promise对 ...
- JavaScript数组快速入门
文章目录 创建数组 常见属性 二维数组 常见方法 push() pop() unshift() shift() forEach() slice() splice() contact() join() ...
- JavaScript对象快速入门
文章目录 对象 对象的分类 创建.读取.删除属性.[].in 引用数据类型 对象字面量 函数 创建与调用 函数的参数 函数的返回值 立即执行函数 方法 枚举对象中的属性 作用域 全局作用域 声明变量 ...
- 前端三大技术 HTML、CSS、JavaScript 快速入门手册
听到前端技术,不少朋友一定会感到有些陌生.但其实,前端,你每天都在接触. 你正在使用的APP,你正在浏览的网页,这些你能看到的界面,都属于前端. 而前端最重要的三大技术,HTML,CSS,JavaSc ...
最新文章
- 【C++】浅析析构函数(基类中)为什么要写成虚基类?
- Php单链表冒泡排序算法,冒泡排序(链表实现)
- opensuse download
- Java-Web HTTP协议
- UITableView的UITableViewStyleGrouped
- mysql数据库实现主从复制
- ngrok布置外网访问环境
- 第三次学JAVA再学不好就吃翔(part24)--构造方法
- nusoap php 7,nusoap-用php的NuSoap 访问webservice遇到的问题。
- 一文掌握关于Java数据结构所有知识点(欢迎一起完善) 1
- python 文件及文件夹操作
- L1-003 个位数统计 (15 分)—团体程序设计天梯赛
- ListControl响应右键,弹出菜单
- 第二届上汽零束SOA平台开发者大会揭幕,智能汽车生态加速落地
- IPv6 地址通过ROS 路由器传递
- [风一样的创作]二次封装阿里云短信 验证码 发送短信 查询短信 编辑短信
- 目标检测(十一)——DSSD
- 关于bitset中的 to_ulong()的解答
- LM38简易方波发生器
- STM32 StemWin 模拟器使用
热门文章
- 风格迁移应用_[风格迁移][超分][ECCV2016]Perceptual Losses for Real...
- 【瞎扯】我的OI之路
- media player怎么不能拖进度图mp4_榜样力量丨科研路上有难题,学长教你怎么解
- python连接linux获取日志_Python 日志记录模块logging的使用
- Java面试没过_Java面试中遇到的坑【填坑篇】
- bugly怎么读_高级功能
- docker镜像内容如何查看_如何快速打通 Docker 镜像发布流程?
- 2021-04-02 反步法示例
- python D5 字典
- linux查看系统的日志的一些实用操作