一个完整的JavaScript实现应该由以下三个部分构成:

ECMAScript,DOM和BOM

1 特点:

JS的特点

解释型语言

类似于 C 和 Java 的语法结构

动态语言

基于原型的面向对象

2 编写位置

我们目前学习的JS全都是客户端的JS,也就是说全都是需要在浏览器中运行的,所以我们我们的JS代码全都需要在网页中编写。

我们的JS代码需要编写到

我们一般将script标签写到head中。(和style标签有点像)
属性:
type:默认值text/javascript可以不写,不写也是这个值。
src:当需要引入一个外部的js文件时,使用该属性指向文件的地址。

创建一个html文件。

在html文件的的head标签中创建一个

script标签,并编写如下代码。

<script type="text/javascript">
console.log("Hello World");
</script>

3 严格区分大小写

JavaScript是严格区分大小写的,也就是abc和Abc会被解析器 认为是两个不同的东西。

所以在编写上边的HelloWorld时,一定要注意区分大小写。

4注释

JS中的注释和Java的的一致,分为两种:

单行注释://注释内容

多行注释:/注释内容/

5 标识符

所谓标识符,就是指变量、函数、属性的名字,或函数的参数。

标识符可以是按照下列格式规则组合起来的一或多个字符:

第一个字符必须是一个字母、下划线( _ )或一个美元符号( $ )。

其他字符可以是字母、下划线、美元符号或数字。

按照惯例,ECMAScript 标识符采用驼峰命名法。

但是要注意的是JavaScript中的标识符不能是关键字和保留字 符。

6 变量

变量的作用是给某一个值或对象标注名称。

比如我们的程序中有一个值123,这个值我们是需要反复使用的,这个时候

我们最好将123这个值赋值给一个变量,然后通过变量去使用123这个值。

变量的声明:8

使用var关键字声明一个变量。

var a;

变量的赋值:

使用=为变量赋值。

– a=123;

声明和赋值同时进行:

– var a = 123;

7 数据类型

数据类型决定了一个数据的特征,比如:123和”123”,直观上看这两个数据都是123,但实际上前者是一个数字,而后者是一个字符串。

对于不同的数据类型我们在进行操作时会有很大的不同。

JavaScript中一共有5种基本数据类型:

字符串型(String)

数值型(Number)

布尔型(Boolean)

null型(Null)

undefined型(Undefined)

这5种之外的类型都称为Object,所以总的来看JavaScript中共有六种数

据类型。

8typeof运算符

使用typeof操作符可以用来检查一个变量的数据类型。

使用方式:typeof 数据,例如 typeof 123。

返回结果:

typeof 数 值 number

typeof 字符串 string

typeof 布尔型 boolean

typeof undefined undefined

typeof null object

9 string

String用于表示一个字符序列,即字符串。

字符串需要使用 ’或 ”括起来。

转义字符:

在这里插入图片描述

将其他数值转换为字符串有三种方式:toString()、String()、 拼串。

11 number

Number 类型用来表示整数和浮点数,最常用的功能就是用来表示10进制的整数和浮点数。

Number表示的数字大小是有限的,范围是:

– ± 1.7976931348623157e+308

– 如果超过了这个范围,则会返回± Infinity。

NaN,即非数值(Not a Number)是一个特殊的数值,JS中当对数值进行计算时没有结果返回,则返回NaN。

12 数值的转换

有三个函数可以把非数值转换为数值:Number()、parseInt() 和parseFloat()。

Number()可以用来转换任意类型的数据,而后两者只能用于 转换字符串。

parseInt()只会将字符串转换为整数,而parseFloat()可以转换为浮点数。

13boolean(布尔型)

布尔型也被称为逻辑值类型或者真假值类型。

布尔型只能够取真(true)和假(false)两种数值。除此以外, 其他的值都不被支持。

其他的数据类型也可以通过Boolean()函数转换为布尔类型。

转换规则:

14Undefined

Undefined 类型只有一个值,即特殊的 undefined 。

在使用 var 声明变量但未对其加以初始化时,这个变量的值就 是 undefined。例如:

var message;

message 的值就是 undefined。

需要注意的是typeof对没有初始化和没有声明的变量都会返回

undefined。

15 null

Null 类型是第二个只有一个值的数据类型,这个特殊的值是

null 。

从语义上看null表示的是一个空的对象。所以使用typeof检查

null会返回一个Object。

undefined值实际上是由null值衍生出来的,所以如果比较

undefined和null是否相等,会返回true;

JavaScript js 教程 视频教程的更多相关文章

  1. 阅读:重新介绍 JavaScript(JS教程)

    这篇文章是记录自己阅读重新介绍 JavaScript(JS 教程)的记录和个人体会 在线调试代码工具:https://codepen.io/pen 引言 分歧根源:名字Javascript和Java有 ...

  2. Node.js 教程 01 - 简介、安装及配置

    系列目录: Node.js 教程 01 - 简介.安装及配置 Node.js 教程 02 - 经典的Hello World Node.js 教程 03 - 创建HTTP服务器 Node.js 教程 0 ...

  3. Node.js 教程 04 - 模块系统

    前言: Node.js的模块系统类似于C/C++的文件引用,可以声明对象,也可以定义类 创建对象. 大家这么理解,就简单了. 定义: 为了让Node.js的文件可以相互调用,Node.js提供了一个简 ...

  4. js基础到精通全面教程--JS教程

    适合阅读范围:对JavaScript一无所知-离精通只差一步之遥的人 基础知识:HTML JavaScript就这么回事1:基础知识 1 创建脚本块 1: <script language=”J ...

  5. JavaScript强化教程 -- cocosjs场景切换

    场景切换 在main.js,将StartScene作为我们初始化运行的场景,代码如下: cc.LoaderScene.preload(g_resources, function () { cc.dir ...

  6. JavaScript强化教程——jQuery AJAX 实例

    什么是 AJAX?AJAX = 异步 JavaScript 和 XML(Asynchronous JavaScript and XML).简短地说,在不重载整个网页的情况下,AJAX 通过后台加载数据 ...

  7. javascript 基础教程[温故而知新一]

    子曰:“温故而知新,可以为师矣.”孔子说:“温习旧知识从而得知新的理解与体会,凭借这一点就可以成为老师了.“ 尤其是咱们搞程序的人,不管是不是全栈工程师,都是集十八般武艺于一身.不过有时候有些知识如果 ...

  8. JavaScript简易教程(转)

    原文:http://www.cnblogs.com/yanhaijing/p/3685304.html 这是我所知道的最完整最简洁的JavaScript基础教程. 这篇文章带你尽快走进JavaScri ...

  9. dot.js教程文档api

    dot.js是一个短小精悍的js模板引擎,压缩版仅有4K大小,最近使用dot的时候整理出这个dot.js教程文档,其实称不上什么教程,只是对dot.js的介绍和实例,希望能帮助到一部分需要的人. 使用 ...

  10. javascript基础教程学习总结(1)

    摘自javascript基础教程 开始: 1.将脚本放在哪里: 1.1 放在html和<html>之间 范例: <!DOCTYPE html PUBLIC "-//W3C/ ...

随机推荐

  1. SpringSecurity 的登录流程

    ​ 用过SpringSecurity的小伙伴,都知道 Authentication 这个接口,我们在任何地方通过这个接口来获取到用户登录的信息,而我们用的频繁的一个它的一个实现类就是 Username ...

  2. Web 3.0 - 圈里的百科

    Web3.0只是由业内人员制造出来的概念词语,最常见的解释是,网站内的信息可以直接和其他网站相关信息进行交互,能通过第三方信息平台同时对多家网站的信息进行整合使用:用户在互联网上拥有自己的数据,并能在 ...

  3. Flink-postgres-cdc实时同步报错:无法访问文件 "decoderbufs": 没有那个文件或目录

    问题描述 Caused by: org.postgresql.util.PSQLException: 错误: 无法访问文件 "decoderbufs": 没有那个文件或目录 解决办 ...

  4. Linux-如何比较比较两个目录中的文件差异

    在 Linux 命令行中比较两个目录是一项常见的任务,特别是当你需要确保两个目录之间的文件完全相同时. 本文我们将介绍一些在 Linux 命令行中比较两个目录的方法. 方法一:使用 diff 命令比较 ...

  5. Linux Shell获取指定日期 N 天/月/年前(后)的日期

    我们有时候在写批处理 Shell 脚本时,可能需要获取指定日期前(后) N 天/月/年的日期,这里的 N 可以是 1 天/月/年.2 天/月/年.3 天/月/年等等.方法其实很简单,这里做一个简单记录 ...

  6. Python xpath语法与 lxml 模块

    XPath 语法 XPath 使用路径表达式来选取 XML 文档中的节点或节点集.节点是通过沿着路径 (path) 或者步 (steps) 来选取的. XML 实例文档 我们将在下面的例子中使用这个 ...

  7. NC22598 Rinne Loves Edges

    题目链接 题目 题目描述 Rinne 最近了解了如何快速维护可支持插入边删除边的图,并且高效的回答一下奇妙的询问. 她现在拿到了一个 n 个节点 m 条边的无向连通图,每条边有一个边权 \(w_i\) ...

  8. 【OpenGL ES】绘制立方体

    1 前言 ​ 本文主要介绍使用 OpenGL ES 绘制立方体,读者如果对 OpenGL ES 不太熟悉,请回顾以下内容: 绘制三角形 绘制彩色三角形 绘制正方形 绘制圆形 ​ 在绘制立方体的过程中, ...

  9. SpringBoot+MyBatisPlus+Thymeleaf+AdminLTE增删改查实战

    说明 AdminLTE是网络上比较流行的一款Bootstrap模板,包含丰富的样式.组件和插件,非常适用于后端开发人员做后台管理系统. 因为最近又做了个后台管理系统,这次就选的是AdminLTE做主题 ...

  10. Vulnhub靶机网卡启动失败(Raise network interfaces)

    问题 使用一些Linux靶机进行搭建后可能会出现无法搜索到IP的情况,并且会在系统启动时报错,类似下图所示 这个主要是因为vulnhub上的镜像由于搭建环境.版本等问题不适配,网卡没有正确识别导致的, ...