JavaScript知识点总结(一)

小石Sir.

已于 2022-09-25 16:31:01 修改

阅读量620

点赞数 10

分类专栏： HTML CSS JavaScript 文章标签： javascript 前端开发语言

于 2022-09-10 18:43:48 首次发布

本文链接：https://blog.csdn.net/qq_19262747/article/details/126796993

版权

HTML CSS JavaScript 专栏收录该内容

4 篇文章 1 订阅

订阅专栏

导读

为什么要学习JavaScript

一、价值性

所有主流浏览器都支持JavaScript。
目前，全世界大部分网页都使用JavaScript。
它可以让网页呈现各种动态效果。
做为一个Web开发师，如果你想提供漂亮的网页、令用户满意的上网体验，JavaScript是必不可少的工具。

二、易学性

学习环境无外不在，只要有文本编辑器，就能编写JavaScript程序。
我们可以用简单命令，完成一些基本操作。

一、什么是JavaScript

1.定义

JavaScript（简称“JS”）是一种具有函数优先的轻量级，解释型或即时编译型的编程语言。虽然它是作为开发Web页面的脚本语言而出名的，但是它也被用到了很多非浏览器环境中，JavaScript 基于原型编程、多范式的动态脚本语言，并且支持面向对象、命令式和声明式（如函数式编程）风格。

2.组成部分

JavaScript组成如下图：
在这里插入图片描述

ECMAScript 描述了该语言的语法和基本对象，它可以理解为是JavaScript的一个标准
文档对象模型(DOM) 描述处理网页内容的方法和接口
浏览器对象模型(BOM) 描述与浏览器进行交互的方法和接口

3.基本特点

是一种解释性脚本语言（代码不进行预编译）
主要用来向HTML（标准通用标记语言下的一个应用）页面添加交互行为
可以直接嵌入HTML页面，但写成单独的js文件有利于结构和行为的分离
跨平台特性，在绝大多数浏览器的支持下，可以在多种平台下运行（如Windows、Linux、Mac、Android、iOS等）
Javascript脚本语言同其他语言一样，有它自身的基本数据类型，表达式和算术运算符及程序的基本程序框架。Javascript提供了四种基本的数据类型和两种特殊数据类型用来处理数据和文字。而变量提供存放信息的地方，表达式则可以完成较复杂的信息处理

4.特性

(1) 脚本语言 JavaScript是一种解释型的脚本语言,C、C++等语言先编译后执行,而JavaScript是在程序的运行过程中逐行进行解释
(2) 基于对象 JavaScript是一种基于对象的脚本语言,它不仅可以创建对象,也能使用现有的对象
(3) 简单 JavaScript语言中采用的是弱类型的变量类型,对使用的数据类型未做出严格的要求,是基于Java基本语句和控制的脚本语言,其设计简单紧凑
(4) 动态性 JavaScript是一种采用事件驱动的脚本语言,它不需要经过Web服务器就可以对用户的输入做出响应。在访问一个网页时,鼠标在网页中进行鼠标点击或上下移、窗口移动等操作JavaScript都可直接对这些事件给出相应的响应
(5) 跨平台性 JavaScript脚本语言不依赖于操作系统,仅需要浏览器的支持。因此一个JavaScript脚本在编写后可以带到任意机器上使用,前提上机器上的浏览器支持JavaScript脚本语言,JavaScript已被大多数的浏览器所支持

二、如何引入JavaScript

JavaScript代码插入的形式来看基本可以分为以下3种：内嵌式、外链式和行间事件。

1.内嵌式

JavaScript代码可以以规定的格式嵌入到html页面的<html>,<head>,<body>不同的位置中，其中嵌入到<head>中时需要写一个入口函数，嵌入到另外两个位置则不需要。

嵌入到<head>中

代码示例：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>插入js代码</title>
        <script type="text/javascript">
        	window.onload = funtion()
        	{js代码}
        </script>
    </head>
    <body>
    </body>
</html>

嵌套到<html>中，一般放在</body>后

代码示例：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>插入js代码</title>
    </head>
    <body>
    </body>
    <script type="text/javascript">
    	js代码
    </script>
</html>

放在<body>中

代码示例：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>插入js代码</title>
    </head>
    <body>
        <script type="text/javascript">
    		js代码
   	    </script>
    </body>
</html>

2.外链式

外链式在工作中是使用最频繁的一种方式，代码量较多时可以直接从外部导入JavaScrip文件，这种方式可以提高代码的阅读性和可复用性。

代码示例：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>插入js代码</title>
        <script type="text/javascript" src="路径+文件名"></script>
    </head>
    <body>
    </body>
</html>

3.行间事件

这种方式主要用于事件的简单操作之中，比如点击，鼠标移入，鼠标移除等，适合于JavaScript代码较少时使用。

代码示例：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>插入js代码</title>
    </head>
    <body>
    	<input type="buttton" name="" id="bnt" onclick="js代码" />
    </body>
</html>

三、JavaScript基本语法

1.变量

什么是变量？

什么是变量? 从字面上看，变量是可变的量；从编程角度讲，变量是用于存储某种/某些数值的存储器。我们可以把变量看做一个盒子,盒子用来存放物品,物品可以是衣服、玩具、水果…等。
在这里插入图片描述

2.变量命名

我们为了区分盒子，可以用BOX1,BOX2等名称代表不同盒子，BOX1就是盒子的名字（也就是变量的名字）
在这里插入图片描述
命名规则：

.必须以字母、下划线或美元符号开头，后面可以跟字母、下划线、美元符号和数字。

正确:
mysum
_mychar
$numa1
错误：
6num //开头不能用数字
%sum //开头不能用除(_ $)外特殊符号,如(% + /等)
sum+num //开头中间不能使用除(_ $)外特殊符号，如(% + /等)

变量名区分大小写，如:A与a是两个不同变量。
不允许使用JavaScript关键字和保留字做变量名。

3.变量声明

声明变量语法：

<script>
   var 变量名;
</script>

var就相当于找盒子的动作，在JavaScript中是关键字（即保留字），这个关键字的作用是声明变量，并为"变量"准备位置(即内存）。

var mynum ; //声明一个变量mynum

当然，我们可以一次找一个盒子，也可以一次找多个盒子，所以Var还可以一次声明多个变量，变量之间用","逗号隔开。

var num1,mun2 ; //声明一个变量num1

注意:变量也可以不声明，直接使用，但为了规范，需要先声明，后使用。

4.基本类型

变量的基本类型又有Number、String、Boolean、Undefined、Null五种。

1.Number

123 //整数123
123.1 // 浮点数123.1
1.123e3 //科学计数法
-99    //复数
NaN    // not  a  number
Infinity //表示无限大

2.String
用单引号：‘abc’
也可用双引号：“abc”

3.Boolean
true，false

4.null
null 空

5. undefined
undefined 未定义

5.变量赋值

我们可以把变量看做一个盒子,盒子用来存放物品,那如何在变量中存储内容呢?
我们使用=号给变量存储内容,看下面的语句:

var mynum = 5 ; //声明变量mynum并赋值

语句含义是给变量mynum赋值，值为5。我们也可以这样写:

var mynum; //声明变量mynum
mynum = 5 ; //给变量mynum赋值

注:这里 =号的作用是给变量赋值，不是等于号。

小结

今天既是中秋节，也是教师节，祝各位老师双节快乐，祝各位朋友中秋佳节快乐！
JavaScript知识点第一小篇就到此处结束啦~今天佳节放松休息下，后续的知识点会尽快的更新啦！
以上就是关于JavaScript的一些内容，由个人结合资料并个人总结，如有侵权请及时与本人联系，若文章内容有误，请予以批评。我会吸取经验，及时改正！