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

<!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章）

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

JavaScript基础视频教程总结（001-010章）的更多相关文章

JavaScript基础视频教程总结（131-140章）
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title&g ...
JavaScript基础视频教程总结（121-130章）
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title&g ...
JavaScript基础视频教程总结（111-120章）
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title&g ...
JavaScript基础视频教程总结（101-110章）
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title&g ...
JavaScript基础视频教程总结（091-100章）
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> ...
JavaScript基础视频教程总结（081-090章）
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title&g ...
JavaScript基础视频教程总结（071-080章）
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title&g ...
JavaScript基础视频教程总结（061-070章）
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title&g ...
JavaScript基础视频教程总结（051-060章）
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title&g ...

随机推荐

k8s学习笔记之四:资源清单定义入门
第一章.k8s中的资源 1.什么叫资源? k8s中所有的内容都抽象为资源, 资源实例化之后,叫做对象 2.在k8s中有哪些资源? 工作负载型资源(workload): Pod ReplicaSet D ...
python解决SyntaxError: Non-ASCII character '\xe6'
出现情况,输入如下一个函数demo: run,报错: SyntaxError: Non-ASCII character '\xe6' in file /Users/XX/PycharmProjects ...
<记录> PHP读取命令行参数
方法一:使用$argv or $argc参数接收 echo "接收到{$argc}个参数"; print_r($argv); [root@DELL113 lee]# /usr/lo ...
js：作用域总结1
先说几个概念: 1.js代码从上往下执行 2.变量提升: 变量提升是浏览器的一个功能,在运行js代码之前,浏览器会给js一个全局作用域叫window,window分两个模块,一个叫内存模块,一个叫运行 ...
linux目录与文件权限的意义
现在我们已经知道了Linux系统内文件的三种身份(所有者,用户者,与其他人),知道每种身份都有三种属性(r,w,x),已经能够使用chown,chgrp,chmod去修改这些权限和属性,那么这些文件权 ...
JDK中的注解简单了解
0.注解(注解是给编译器看的东东) 注解的定义方式是@Interface,注解属性定义是类似于普通类的方法定义的,注解属性赋值是使用default关键字完成的,如下图所示注解在定义时可以给默认值,也 ...
faster rcnn源码阅读笔记1
自己保存的源码阅读笔记哈 faster rcnn 的主要识别过程(粗略) (开始填坑了): 一张3通道,1600*1600图像输入中,经过特征提取网络,得到100*100*512的feature ma ...
eosjs
[eosjs] Javascript API,用于帮助访问与 EOSIO RPC API. 1.安装 npm install eosjs@beta 2.Signature Provider The S ...
C++对象的内存分布和虚函数表
c++中一个类中无非有四种成员:静态数据成员和非静态数据成员,静态函数和非静态函数. 1.非静态数据成员被放在每一个对象体内作为对象专有的数据成员. 2.静态数据成员被提取出来放在程序的静态数据 ...
vue js库的条件渲染
条件渲染通过条件指令可以控制元素的创建(显示)或者销毁(隐藏),常用的条件指令如下: v-if v-if可以控制元素的创建或者销毁 <h1 v-if="ok">Yes ...

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

JavaScript基础视频教程总结（001-010章）的更多相关文章

随机推荐

热门专题