JavaScript js 教程 视频教程
一个完整的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 教程 视频教程的更多相关文章
- 阅读:重新介绍 JavaScript(JS教程)
这篇文章是记录自己阅读重新介绍 JavaScript(JS 教程)的记录和个人体会 在线调试代码工具:https://codepen.io/pen 引言 分歧根源:名字Javascript和Java有 ...
- Node.js 教程 01 - 简介、安装及配置
系列目录: Node.js 教程 01 - 简介.安装及配置 Node.js 教程 02 - 经典的Hello World Node.js 教程 03 - 创建HTTP服务器 Node.js 教程 0 ...
- Node.js 教程 04 - 模块系统
前言: Node.js的模块系统类似于C/C++的文件引用,可以声明对象,也可以定义类 创建对象. 大家这么理解,就简单了. 定义: 为了让Node.js的文件可以相互调用,Node.js提供了一个简 ...
- js基础到精通全面教程--JS教程
适合阅读范围:对JavaScript一无所知-离精通只差一步之遥的人 基础知识:HTML JavaScript就这么回事1:基础知识 1 创建脚本块 1: <script language=”J ...
- JavaScript强化教程 -- cocosjs场景切换
场景切换 在main.js,将StartScene作为我们初始化运行的场景,代码如下: cc.LoaderScene.preload(g_resources, function () { cc.dir ...
- JavaScript强化教程——jQuery AJAX 实例
什么是 AJAX?AJAX = 异步 JavaScript 和 XML(Asynchronous JavaScript and XML).简短地说,在不重载整个网页的情况下,AJAX 通过后台加载数据 ...
- javascript 基础教程[温故而知新一]
子曰:“温故而知新,可以为师矣.”孔子说:“温习旧知识从而得知新的理解与体会,凭借这一点就可以成为老师了.“ 尤其是咱们搞程序的人,不管是不是全栈工程师,都是集十八般武艺于一身.不过有时候有些知识如果 ...
- JavaScript简易教程(转)
原文:http://www.cnblogs.com/yanhaijing/p/3685304.html 这是我所知道的最完整最简洁的JavaScript基础教程. 这篇文章带你尽快走进JavaScri ...
- dot.js教程文档api
dot.js是一个短小精悍的js模板引擎,压缩版仅有4K大小,最近使用dot的时候整理出这个dot.js教程文档,其实称不上什么教程,只是对dot.js的介绍和实例,希望能帮助到一部分需要的人. 使用 ...
- javascript基础教程学习总结(1)
摘自javascript基础教程 开始: 1.将脚本放在哪里: 1.1 放在html和<html>之间 范例: <!DOCTYPE html PUBLIC "-//W3C/ ...
随机推荐
- 高可用linux 服务器搭建
最原始的服务部署,为单点部署,即直接把服务部署在一个服务器上.如果服务器出现故障,或者服务因为某个异常而挂掉,则服务就会发生中断.单点部署出现故障的概率最高. 后来,出现了网关,比如 nginx ko ...
- Python学习之Pytorch
一.如何查看本机是否安装了Pytorch 在Python环境中查看是否安装了PyTorch可以通过几个简单的步骤来完成.这里有一些方法: 使用Python命令行: 打开你的命令行工具(比如Termin ...
- OI中的一些数学小技巧
在OI比赛中,如果能够灵活地运用一些数学小技巧,是能够很好地优化计算的时间和正确性的. 既然说了是小技巧,那么这些指的都是一些技巧,一般是不会单独成题的. 本博客或会随着作者的见识而更新 Better ...
- 探索AI视频生成新纪元:文生视频Sora VS RunwayML、Pika及StableVideo——谁将引领未来
探索AI视频生成新纪元:文生视频Sora VS RunwayML.Pika及StableVideo--谁将引领未来 由于在AI生成视频的时长上成功突破到一分钟,再加上演示视频的高度逼真和高质量,Sor ...
- Java String类的replaceAll方法
代码勇士真题: 给定一个字符串由a-z字母组成的字符串s,长度任意字母可任意组合. 要求编写函数找出s中不在a-m范围内的字母个数n,要求函数返回字符串格式为:n/s的长度 例如: s="a ...
- Java集合框架学习(四) LinkedHashSet详解
LinkedHashSet介绍 前面我们介绍了HashSet和TreeSet. LinkedHashSet也是Set接口的一个实现类,同时还继承了HashSet public class Linked ...
- pyhotn3.8 apt机器基础镜像构建
FROM python:3.8.10-slim RUN sed -i 's/deb.debian.org/mirrors.tuna.tsinghua.edu.cn/g' /etc/apt/source ...
- C++ { } 的使用场景
{} 可以用于初始化 C++11 中的变量,就像它们用于初始化 C 中的数组和结构一样. {} 主要是为了提供语法的一致性(使用 {} 初始化将在所有上下文中都有效,而使用赋值运算符或()初始化将在特 ...
- APISIX介绍
APISIX是什么 Apache APISIX是Apache软件基金会下的云原生API网关,它兼具动态.实时.高性能等特点,提供了负载均衡.动态上游.灰度发布(金丝雀发布).服务熔断.身份认证.可观测 ...
- 正则计算器---day19
计算下面表达式最后的结果 strvar = "1-2*((60-30+(-40/5)*(9-2*5/3+7/3*99/4*2998+10*568/14))-(-4*3)/(16-3*2))& ...