JavaScript基础视频教程总结（001-010章）

时间：2021-11-30 01:16:45
<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8" />

    <title>001-010章总结</title>

</head>

<body>

<pre>

001. JS简介

1.什么是语言

计算机就是一个由人来控制的机器，想叫它干嘛就干嘛。

我们要学习的语音就是人和计算机交流的工具，人类通过语言来控制，操作计算机。

编程语言和我们的中文，英文本质上没有区别，只是语法比较特殊。

语言的发展历程：

-纸带机：机器语言

-汇编语言：符号语言

-现代语言：高级语言

2.起源

js诞生于1995年，主要用于处理网页中的前端验证。

所谓前端验证，就是指检查用户输入的内容是否符合一定的规则。

比如：用户名的长度，密码的长度，邮箱的格式等。

3.简史

JavaScript是由网景公司发明，起初命名为LiveScript，后来由sun公司介入更名为Javascript.

1996年微软在最新的IE3浏览器中引入了自己对JavaScript的实现JScript。

为了确保不同浏览器标准一致，共同制定了js标准ECMAScript。

4.实现

不同浏览器厂商对该标准有不同的实现：

浏览器          js实现方式

Firefox  SpiderMonkey

IE       JScript/Chakra

safari   JavaScriptCore

Chrome   V8

carakan  Carakan

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

ECMAScript DOM BOM

5.特点

-解释型语言，不需要被编译为机器码在执行，直接执行。

-类似于C和JAVA的语法结构，像for，if，while等语句基本一样。

-动态语言，一切内容都是不确定的，运用JIT技术，运行更快。

-基于原型的面向对象

</pre>

<pre>

002. JS的HelloWorld

JS代码需要编写到script标签中

alert()控制浏览器弹出一个警告框

document.write()可以向body中输出一个内容

console.log()的作用是向控制台输出一个内容

</pre>

<script type="text/javascript">

    console.log("第002");

    alert("002哥，你真帅啊！！");

    document.write("002看我出不出来~~~");

    console.log("你猜我在哪出来呢？");

</script>

<pre>

003. JS编写位置

-可以将js代码编写到外部js文件中，然后通过script标签引入，写到外部文件中可以在不同的页面中同时引用，也可以利用到浏览器的缓存机制，推荐使用的方式.

script标签一旦用于引入外部文件了，就不能在编写代码了，即使编写了浏览器也会忽略，如果需要则可以在创建一个新的script标签用于编写内部代码.

-可以将js代码编写到script标签.

-可以将js代码编写到标签的onclick属性中当我们点击按钮时，js代码才会执行虽然可以写在标签的属性中，但是他们属于结构与行为耦合，不方便维护，不推荐使用.

-可以将js代码写在超链接的href属性中，这样当点击超链接时，会执行js代码.

</pre>

<div>

    <script type="text/javascript" src="js/script.js"></script>

    <script type="text/javascript">

        console.log("第003");

        console.log("我是内部的JS代码");

    </script>

    <button onclick="alert('讨厌，你点我干嘛~~');">点我一下</button>

    <a href="javascript:alert('让你点你就点！！');">你也点我一下</a>

    <a href="javascript:;">你也点我一下</a>

</div>

<pre>

004. JS基本语法

-多行注释(/******/)，注释中的内容不会被执行，但是可以在源代码中查看要养成良好的编写注释的习惯，也可以通过注释来对代码进行一些简单的调试.

-单行注释(//内容).

1.JS中严格区分大小写

2.JS中每一条语句以分号(;)结尾

- 如果不写分号，浏览器会自动添加，但是会消耗一些系统资源，

而且有些时候，浏览器会加错分号，所以在开发中分号必须写.

3.JS中会忽略多个空格和换行，所以我们可以利用空格和换行对代码进行格式化.

</pre>

<script type="text/javascript">

    console.log("第004");

    /*多行注释

        JS注释

     */

    console.log("hello"); //该语句用来在控制台输出一个日志

</script>

<pre>

005. JS字面量和变量

字面量，都是一些不可改变的值,比如 ：1 2 3 4 5 .

字面量都是可以直接使用，但是我们一般都不会直接使用字面量.

变量 ,变量可以用来保存字面量，而且变量的值是可以任意改变的

变量更加方便我们使用，所以在开发中都是通过变量去保存一个字面量，而很少直接使用字面量,可以通过变量对字面量进行描述.

</pre>

<script type="text/javascript">

    console.log("第005");

    //声明变量

    //在js中使用var关键字来声明一个变量

    var a;

    //为变量赋值

    a = 123;

    a = 456;

    a = 123124223423424;

    //声明和赋值同时进行

    var b = 789;

    var c = 0;

    var age = 80;

    console.log(age);

</script>

<pre>

006. JS标识符

在JS中所有的可以由我们自主命名的都可以称为是标识符

例如：变量名、函数名、属性名都属于标识符

- 命名一个标识符时需要遵守如下的规则：

1.标识符中可以含有字母、数字、_、$

2.标识符不能以数字开头

3.标识符不能是ES中的关键字或保留字

4.标识符一般都采用驼峰命名法

- 首字母小写，每个单词的开头字母大写，其余字母小写

    helloWorld xxxYyyZzz

- JS底层保存标识符时实际上是采用的Unicode编码，所以理论上讲，所有的utf-8中含有的内容都可以作为标识符.

</pre>

<script type="text/javascript">

    console.log("第006");

    /*var if = 123;

    console.log(if);*/

    //千万不要这么用

    var 锄禾日当午 = 789;

    console.log(锄禾日当午);

</script>

<pre>

007. JS数据类型

数据类型指的就是字面量的类型

在JS中一共有六种数据类型

String 字符串

Number 数值

Boolean 布尔值

Null 空值

Undefined 未定义

Object 对象

其中String Number Boolean Null Undefined属于基本数据类型

而Object属于引用数据类型.

可以使用一个运算符 typeof来检查一个变量的类型

语法：typeof 变量

 检查字符串时，会返回string

检查数值时，会返回number

String字符串

- 在JS中字符串需要使用引号引起来

- 使用双引号或单引号都可以，但是不要混着用

- 引号不能嵌套，双引号不能放双引号，单引号不能放单引号

在字符串中我们可以使用\作为转义字符

当表示一些特殊符号时可以使用\进行转义

\" 表示 "

\' 表示 '

\n 表示换行

\t 制表符

\\ 表示\

</pre>

<script type="text/javascript">

    console.log("第007");

    var str = 'hello';

    str = '我说:"今天天气真不错！"';

    str = "我说:\"今天\t天气真不错！\"";

    str = "\\\\\\";

    //输出字面量 字符串str

    //alert("str");

    //输出变量str

    //alert(str);

    var str2 = "hello";

    str2 = "你好";

    str2 = 3;

    console.log(str);

</script>

<pre>

008. JS的Number

在JS中所有的数值都是Number类型，

包括整数和浮点数（小数）

JS中可以表示的数字的最大值

Number.MAX_VALUE  1.7976931348623157e+308

Number.MIN_VALUE 大于0的最小值  5e-324

如果使用Number表示的数字超过了最大值，则会返回一个

Infinity 表示正无穷

-Infinity 表示负无穷

使用typeof检查Infinity也会返回number

NaN 是一个特殊的数字，表示Not A Number

使用typeof检查一个NaN也会返回number

</pre>

<script type="text/javascript">

    console.log("第008");

    //数字123

    var a = 123;

    //字符串123

    var b = "123";

    console.log(typeof b);

    a = -Number.MAX_VALUE * Number.MAX_VALUE;

    a = "abc" * "bcd";

    console.log(a);

    a = NaN;

    //console.log(typeof a);

    a = Number.MIN_VALUE;

    console.log(a);

     //在JS中整数的运算基本可以保证精确

    var c = 1865789 + 7654321;

    /*

     * 如果使用JS进行浮点运算，可能得到一个不精确的结果

     *  所以千万不要使用JS进行对精确度要求比较高的运算

     */

    c = 0.1 + 0.2;

    console.log(c);

</script>

<pre>

009. JS布尔值

Boolean 布尔值

布尔值只有两个，主要用来做逻辑判断

true- 表示真

false- 表示假

使用typeof检查一个布尔值时，会返回boolean

</pre>

<script type="text/javascript">

    console.log("第009");

    var bool = false;

    console.log(typeof bool);

    console.log(bool);

</script>

<pre>

010. JS的Null和Undefined

Null（空值）类型的值只有一个，就是null

null这个值专门用来表示一个为空的对象

使用typeof检查一个null值时，会返回object

Undefined（未定义）类型的值只有一个，就undefind

当声明一个变量，但是并不给变量赋值时，它的值就是undefined

使用typeof检查一个undefined时也会返回undefined

</pre>

<script type="text/javascript">

    console.log("第010");

    var a = null;

    var b = undefined;

    console.log(typeof a);

    console.log(typeof b);

</script>

</body>

</html>

所有基础课程链接：

1.JavaScript基础视频教程总结（001-010章）          2.JavaScript基础视频教程总结（011-020章）          3. JavaScript基础视频教程总结（021-030章）        4. JavaScript基础视频教程总结（031-040章）

5. JavaScript基础视频教程总结（041-050章）          6. JavaScript基础视频教程总结（051-060章）         7. JavaScript基础视频教程总结（061-070章）        8. JavaScript基础视频教程总结（071-080章）

9. JavaScript基础视频教程总结（081-090章）          10. JavaScript基础视频教程总结（091-100章）        11. JavaScript基础视频教程总结（101-110章）      12. JavaScript基础视频教程总结（111-120章）

13. JavaScript基础视频教程总结（121-130章）        14. JavaScript基础视频教程总结（131-140章）

 另外，欢迎关注我的新浪微博

相关文章