一个完整的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. 英特尔发布酷睿Ultra移动处理器:Intel 4制程工艺、AI性能飙升

    英特尔今日发布了第一代酷睿Ultra移动处理器,是首款基于Intel 4制程工艺打造的处理器. 据了解,英特尔酷睿Ultra采用了英特尔首个用于客户端的片上AI加速器"神经网络处理单元(NP ...

  2. WPF性能优化:形状(Shape)、几何图形(Geometry)和图画(Drawing)的使用

    在用户界面技术中,绘图是一个绕不开的话题.WPF提供了多种可根据应用程序要求进行优化的2D图形和图像的处理功能,包括画刷(Brush).形状(Shape).几何图形(Geometry).图画(Draw ...

  3. 【STL源码剖析】string类模拟实现 了解底层-走进底层-掌握底层【超详细的注释和解释】

    文章目录 博主对大家的话 前言 实现过程一些要注意的点 STL中string类模拟实现 尾声 博主对大家的话 从今天开始,STL源码剖析的专栏就正式上线了!其实在很多人学习C++过程中,都是只学习一些 ...

  4. docker之redis集群部署

    docker之redis集群部署 PART01: 3主3从redis集群部署 3主3从redis集群配置 关闭防火墙,启动docker服务 如果报以下错误,应该是docker 服务没有启动,可以执行下 ...

  5. 私有化部署chatGPT,告别网络困扰

    最近的chatGPT是热火朝天,基本人手一个.工具用的好,工作5分钟,划水一整天. 不过最近ChatGPT的访问越来越限制了,访问官网都有网络的问题,今天小卷给大家介绍一个方案,私人独享属于自己的ch ...

  6. Python中os.walk函数说明

    这个函数对于文件方面的遍历等其他方面的操作来说功能很强大,比如批量修改文件名.批量移动文件.将所有不在一个文件夹下的文件移动到同一个文件夹下等等. 这个其实很简单的,用一个示例就能明白这个函数的具体用 ...

  7. .NET 云原生架构师训练营(模块二 基础巩固 EF Core 查询)--学习笔记

    2.4.5 EF Core -- 查询 关联数据加载 客户端与服务端运算 跟踪与不跟踪 复杂查询运算 原生 SQL 查询 全局查询筛选器 关联数据加载 学员和助教都在项目分组中,调整模型,删除 Ass ...

  8. NVME(学习杂谈)—Asynchronous Event

    Asynchronous Event Request Host Software Recommendations 当一个异步事件请求完成(提供Event Type,Event Information, ...

  9. Transform LiveData

    查询资料的其中一个场景: 创建一个回调函数,当查询后台的时候,后台有结果了,回调对应的回调函数,并将结果保存到LiveData中. public class DataModel {     ...   ...

  10. Java集合框架学习(五) ArrayList详解

    Arraylist介绍 Arraylist类实现了List接口. public class ArrayList<E> extends AbstractList<E> imple ...