##JavaScript

　　*概念：一门客户端脚本语言

　　　　*运行在客户端浏览器中的。每一个浏览器都有JavaScript的解析引擎。

　　　　*脚本语言：不需要编译，直接就可以被浏览器解析执行。

　　*功能：

　　　　*可以来增强用户和html页面的交互过程，可以来控制html元素，让页面有动态的效果，增强用户的体验。

　　*JavaScript发展史：

　　　　　　1、1992年，Nombase公司，开发出第一门客户端脚本语言，专门用于表单的校验。命名为：C--。后来更名为ScriptEase（因为发现卖的不好，就学网景改名字，之后也卖的非常好，就和下面两个公司呈现三足鼎立的局面）。

　　　　　　2、1995年，NetScape（网景）公司，开发了一门客户端脚本语言：LiveScript。（同年,Java语言诞生）后来，请来SUN公司的专家，修改LiveScript。再命名为JavaScript(因为当时java非常火，这个命名也是期待自己的这门语言火起来)。

　　　　　　3、1996年，微软抄袭JavaScript开发出JScript语言（为了搭载到自己的IE浏览器上）。

　　　　　　4、1997年，ECMA（欧洲计算机制造商协会），统一了这三门语言的规范，以JavaScript为基础，新命名为 ECMAScript,就是所有客户端脚本语言的标准（类似于SQL）。

　　　　　　* JavaScript = ECMAScript + JavaScript自己特有的东西（BOM+DOM）

　　*ECMAScript:客户端脚本语言的标准

　　　　　　1、基本语法

　　　　　　　　1.与html的结合方式

　　　　　　　　　　1、内部JS

　　　　　　　　　　　　*定义<script>，标签体内容就是js代码

　　　　　　　　　　2、外部JS

　　　　　　　　　　　　*定义<script>，通过src属性引入外部的js文件、

　　　　　　　　　　*注意：

　　　　　　　　　　　　1、<scropt>可以定义在html页面的任何地方（但是肯定不能乱放吧，比如标签里面），但是定义的位置会影响执行顺序。

　　　　　　　　　　　　2、<scropt>可以定义多个。

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

    <!--可以写在html代码的任意位置-->

    <!--内部JS-->

    <script>

        alert("Hello World");

    </script>

    <!--外部JS-->

    <script src=""></script>

</head>

<body>

</body>

</html>

　　　　　　　　2.注释

　　　　　　　　　　1.单行注释：//注释内容

　　　　　　　　　　2.多行注释：/*煮熟内容*/

　　　　　　　　3.数据类型：

　　　　　　　　　　1.原始数据类型（基本数据类型）

　　　　　　　　　　　　1、number：数字。整数/小数/NaN（Not a Number：一个不是数字的数字类型）

　　　　　　　　　　　　2、string：字符串。字符/字符串 "abc" "a" 'abc'

　　　　　　　　　　　　3、boolean：true/false

　　　　　　　　　　　　4、null：一个对象为空的占位符

　　　　　　　　　　　　5、undefined：未定义。如果一个变量没有给初始化值，则会被默认赋值为undefined

　　　　　　　　　　2.引用数据类型：对象（后面介绍）

　　　　　　　　4.变量

　　　　　　　　　　* 变量：一小块存储数据的内存空间。

　　　　　　　　　　*Java是强类型语言，而JavaScript是弱类型语言。

　　　　　　　　　　　　*强类型：再开辟变量存储空间时，定义了空间将来存储的数据的数据类型。只能存储固定类型的数据。

　　　　　　　　　　　　*弱类型：在开辟变量存储空间时，不定义空间将来存储的数据的数据类型。可以存放任意类型的数据。

　　　　　　　　　　*语法：

　　　　　　　　　　　　* var 变量名 = 初始化值；/ var 变量名；（后面再赋值）

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>变量</title>

    <script>

        //定义变量a 赋值为3

        var a= 3;

        alert(a);

        //改变a的值为"abc"

        a = "abc";

        alert(a);

    </script>

</head>

<body>

</body>

</html>

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>变量</title>

    <script>

        //定义number类型

        var num = 1;

        var num2 = 1.2;

        var num3 = NaN;

        //输出到页面上

        document.write(num+"<br>");

        document.write(num2+"<br>");

        document.write(num3+"<br>");

        //定义string类型

        var str = "abc";

        document.write(str+"<br>");

        //定义boolean类型

        var flag = true;

        document.write(flag+"<br>");

        //定义null

        var obj = null;

        document.write(obj+"<br>");

        //定义undefined

        var obj2 = undefined;

        var obj3;

        document.write(obj2+"<br>");

        document.write(obj3+"<br>");

    </script>

</head>

<body>

</body>

</html>

执行结果：

　　　　　　　　　　*typeof操作符：检测变量的数据类型

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>变量</title>

    <script>

        //定义number类型

        var num = 1;

        var num2 = 1.2;

        var num3 = NaN;

        //输出到页面上

        document.write(num+"----"+typeof num+"<br>");

        document.write(num2+"----"+typeof num2+"<br>");

        document.write(num3+"----"+typeof num3+"<br>");

        //定义string类型

        var str = "abc";

        document.write(str+"----"+typeof str+"<br>");

        //定义boolean类型

        var flag = true;

        document.write(flag+"----"+typeof flag+"<br>");

        //定义null

        var obj = null;

        document.write(obj+"----"+typeof obj+"<br>");

        //定义undefined

        var obj2 = undefined;

        var obj3;

        document.write(obj2+"----"+typeof obj2+"<br>");

        document.write(obj3+"----"+typeof obj3+"<br>");

    </script>

</head>

<body>

</body>

</html>

* 为什么 typeof(null)返回的数据类型是 Object?

　　*这实际上是JavaScript最初实现中的一个错误，然后被ECMAScript沿用了。现在，null被认为是对象的占位符，从而解释了这一矛盾，但是从技术层面上来说，它然后是原始值。

　　在其他地方也看到另一种解释：

　　*不同的对象在底层都表示为二进制，在javascript中二进制前三位都为0的话会被判断为object类型，null的二进制表示全0，自然前三位也是0，所以执行typeof时会返回“object”（转载于:https://www.cnblogs.com/xzma/p/9604247.html）

　　　　　　　　5.运算符（后面介绍）

　　　　　　　　6,流程控制语句（后面介绍）

　　　　　　2、基本对象（后面介绍）

JavaScript----简介及基础语法的更多相关文章

JavaScript学习02 基础语法
JavaScript学习02 基础语法 JavaScript中很多基础内容和Java中大体上基本一样,所以不需要再单独重复讲了,包括: 各种算术运算符.比较运算符.逻辑运算符: if else语句.s ...
JavaScript学习笔记-基础语法、类型、变量
基础语法.类型.变量非数字值的判断方法:(因为Infinity和NaN他们不等于任何值,包括自身) 1.用x != x ,当x为NaN时才返回true; 2.用isNaN(x) ,当x为NaN或 ...
javascript简介和基本语法
javascript简介 1.javascript是个脚本语言,需要有宿主文件,他的宿主文件是html文件. 用法:为了保险起见一般写在</html>之后<javascript ...
Markdown 简介及基础语法
一.Markdown 简介 Markdown是一种可以使用普通文本编辑器编写的标记语言,通过简单的标记语法,它可以使普通文本内容具有一定的格式. 二.Markdown 基础语法 1. Markdown ...
Scala简介及基础语法
一.scala简介官网:https://www.scala-lang.org/ Scala语言很强大,集成了面向对象和函数式编程的特点. 运行在JVM(jdk). 大数据中为什么学习scala? s ...
[JavaWeb基础] 028.CSS简介和基础语法
css 概述 CSS 指层叠样式表 (Cascading Style Sheets) 样式定义如何显示 HTML 元素样式通常存储在样式表中把样式添加到 HTML 4.0 中,是为了解决内容与表现 ...
4、JavaScript进阶篇①——基础语法
一.认识JS 你知道吗,Web前端开发师需要掌握什么技术?也许你已经了解HTML标记(也称为结构),知道了CSS样式(也称为表示),会使用HTML+CSS创建一个漂亮的页面,但这还不够,它只是静态页面 ...
css系列教程--简介及基础语法和注意事项
css简介:css指的是层叠样式表,cascading style sheets.用来定义html中的dom节点如何展示在页面中的问题.解决了内容与表现形式的分离问题.常见的样式表有外部链接样式表和内 ...
JavaScript简介及基础知识(1)
1.JavaScript是什么—它是个脚本语言,需要宿主文件,它的宿主文件是html文件. Javascript是一种脚本语言,比HTML要复杂.不过即便你先前不懂编程,也不用担心,因为Javascr ...
java 复习整理（一 java简介和基础语法）
现在公司用的是封装太多东西的平台开发,觉着之前学的东西很多都忘了,所以想好好总结回顾一下.之前总是想学很多编程语言像python.s6.node.react,但现在越来越体会到编程语言只是一个开发的工 ...

随机推荐

javaScript系列 [28]
本文介绍JavaScript事件相关的知识点,主要包括事件流.事件处理程序.事件对象(event)以及常见事件类型和事件委托等相关内容. 在网页开发涉及的三种基础技术(HTML CSS JavaScr ...
linux下查找文件及查找包含指定内容的文件常用命令
whereis <程序名称> 查找软件的安装路径-b 只查找二进制文件-m 只查找帮助文件-s 只查找源代码-u 排除指定类型文件-f 只显示文件名-B <目录> 在指定目录下 ...
python settings 中通过字符串导入模块
1. 项目文件结构 set_test ├─ main.py # 入口函数 │ ├─notify # 自定义的模块 │ ├─ email.py # 自定义模块 │ ├─ msg.py # 自定义模块 │ ...
Docker深入浅出系列 | Docker Compose多容器实战
目录前期准备 Docker Compose是什么为什么要用Docker Compose Docker Compose使用场景 Docker Compose安装 Compose Yaml文件结构 C ...
LeetCode37 使用回溯算法实现解数独，详解剪枝优化
本文始发于个人公众号:TechFlow,原创不易,求个关注数独是一个老少咸宜的益智游戏,一直有很多拥趸.但是有没有想过,数独游戏是怎么创造出来的呢?当然我们可以每一关都人工设置,但是显然这工作量非常 ...
Spring Boot 2.x基础教程：使用MyBatis的XML配置方式
上一篇我们介绍了如何在Spring Boot中整合我们国人最常用的MyBatis来实现对关系型数据库的访问.但是上一篇中使用了注解方式来实现,而对于很多MyBatis老用户还是习惯于XML的开发方式, ...
【,NetCore】WebApi使用统一时间格式
1.在Startup中配置统一时间格式 services.AddMvc() .AddJsonOptions(options => { //配置时间序列化格式 options.Serializer ...
JavaScript的类数组
类数组对象啊,被人问到它跟真正的数组对象有什么差别啊?说不上来就老埋汰了,只知道函数的arguments对象是个类数组对象,也有length属性,其他呢?干货奉上: 首先先说说数组吧: 1,当有新的元 ...
JavaScript实现树结构（二）
JavaScript实现树结构(二) 一.二叉搜索树的封装二叉树搜索树的基本属性: 如图所示:二叉搜索树有四个最基本的属性:指向节点的根(root),节点中的键(key).左指针(right).右指 ...
NLP（二十四）利用ALBERT实现命名实体识别
本文将会介绍如何利用ALBERT来实现命名实体识别.如果有对命名实体识别不清楚的读者,请参考笔者的文章NLP入门(四)命名实体识别(NER) . 本文的项目结构如下: 其中,albert_ ...

JavaScript----简介及基础语法

##JavaScript

*概念：一门客户端脚本语言

*功能：

*JavaScript发展史：

*ECMAScript:客户端脚本语言的标准

JavaScript----简介及基础语法的更多相关文章

随机推荐

热门专题

　　*概念：一门客户端脚本语言

　　*功能：

　　*JavaScript发展史：

　　*ECMAScript:客户端脚本语言的标准