javascript重点知识点 js最重要的知识点

转载

mob6454cc7c698b 2023-07-22 18:19:53

文章标签 javascript重点知识点 javascript 字符串运算符初始化 文章分类 JavaScript 前端开发

Js知识整理

1.什么是javascript

javascript是一门编程语言，允许用户在浏览器页面完成复杂得事情。

2前端三要素：

HTML用于控制网页的结构，CSS用于控制网页的外观，而JavaScript控制着网页的行为。

3..javascript组成

ECMAScript:js核心语法，语法标准

DOM：对原生DOM节点进行操作，API

BOM：浏览器 alert(要弹出的内容)普通 prompot() confirm(确认框)：文本区,取消，确认按钮

4.javascript特点

1.客户端代码,在客户机上执行

也可以在服务器端执行，需要搭建node环境

2.解释型语言

浏览器和或者nodejs平台内置js解析器

3.弱类型语言

可以重复声明并初始化任何类型语言

4.从上到下依次解析执行

5..javascript引入方式

1.外部JavaScript：外部JavaScript，指的是把HTML代码和JavaScript代码单独放在不同文件中，然后在HTML文档中使用“script标签”来引入JavaScript代码。外部JavaScript是最理想的JavaScript引入方式。注意css是用link引入。

<!DOCTYPE html> <html><head>
    <meta charset="utf-8" />
    <title></title>
    <!--1、在head中引入-->
    <script src="index.js"></script></head><body>
    <!--2、在body中引入-->
    <script src="index.js"></script></body></html>

注意：src= 引入外部的js文件

2.内部JavaScript：内部JavaScript，指的是把HTML代码和JavaScript代码放在同一个文件中。其中JavaScript代码写在<script></script>标签对内。

<!DOCTYPE html> <html><head>
    <meta charset="utf-8" />
    <title></title>
    <!--1、在head中引入-->
    <script>
        ……
    </script></head><body>
    <!--2、在body中引入-->
    <script>
        ……
    </script></body></html>
     注意<script></script>等于<script type="text/javascript">
    ……</script>

3.元素事件JavaScript：元素属性JavaScript，指的是在元素的“事件属性”中直接编写JavaScript或调用函数。

javascript重点知识点 js最重要的知识点_javascript

7.JavaScript注释

//单行注释 Ctrl+/快捷键

/*多行注释 ctrl+shift+/快捷键

8.常量：值不可以改变的叫做常量

9.数据类型

五种基本数据类型

1.undefined

未定义类型

var a；只声明不初始化；

var a=undefined;

2.null类型空类型

手动初始化成null

var a=null;

3.Boolean 布尔类型

var a=true; var b=false;

4.number类型

整数小数浮点数十六进制八进制科学计数法

5.string类型

字符串类型单双引号引起来的。该类型表示由零个或者多个16位Unicode字符组成的字符序列，即字符串。字符串可以由双引号或者单引号表示

\n 换行 \t 制表 \b 退格\r 回车 \\ 斜杠 \' 单引号\" 双引

10.变量：值可以被修改的叫做变量

javascript重点知识点 js最重要的知识点_javascript_02

11.变量声明初始化

声明 var a;

初始化 a=10;赋值

声明并初始化 var a=10;

声明多个变量

var a,b,c;

声明多个变量并初始化

var a=10,b=20,c=30;

12.函数提升

1.函数的提升会放在作用域的最顶部

2.有使用var声明得变量在函数提升之后进行变量提升

3.var声明变量和函数名重复，忽略var得值

console.log(test);

var test=1;

function test(){

}

13.命名规则：

标识符：所有用户自定义的名字叫做标识符。变量名也是标识符。

1.由字母数字下划线以及$组成

2.不能以数字和下划线开头

3.有一定的意义，小驼峰式命名

4.不能使用关键字和保留字

14.检测数据类型 typeof

typeof 1 //number
    typeof true //boolean
    typeof undefined //undefined
    typeof "hello" //string
    typeof null //object
    typeof object //object
        object
            function
    typeof function (){}
        function

15.算术运算符

+	加	10+5 //返回15
－	减	10-5 //返回5
*	乘	10*5 //返回50
/	除	10/5 //返回2
%	求余	10%4 //返回2
++	自增	var i=10;i++; //返回11
– –	自减	var i=10;i– –; //返回9

(1)．加法运算符

在JavaScript中，加法运算符并非想象中那么简单，我们需要注意3点。

数字 + 数字 = 数字 var num = 10 + 5; //num的值为15

字符串 + 字符串 = 字符串var str = "从0到1" + "系列图书";//str的值为"从0到1系列图书"

字符串 + 数字 = 字符串var str = "今年是" + 2018;//str的值为"今年是2018"（这是一个字符串）

(2).自增运算符

双加号（++）是自增运算符，表示在“原来的值”的基础上再加上1。i++等价于i=i+1自增运算符有以下两种情况。

（1）i++:i++指的是在使用i之后，再让i的值加上1。i=1;j=i++;《=》i=1;j=i;i=i+1;

//i=2，j=1；

（2）++i：“++i”指的是在使用i之前，先让i的值加上1。例如：i=1;j=++i等价于：i=1;i=i+1;j=i //i=1+1，也就是i=2了，由于此时i的值变为2了，所以j为2

（3）.自减运算符与上面类增类似

16.赋值运算符

赋值运算符
运算符	举例
=	var str=“学习网”
+=	var a+=b等价于var a=a+b
-=	var a-=b等价于var a=a-b
*=	var a=b等价于var a=ab
/=	var a/=b等价于var a=a/b

17.比较运算符关系运算符

	举例
>	大于	2>1 //返回true
<	小于	2<1 //返回false
>=	大于等于	2>=2 //返回true
<=	小于等于	2<=2 //返回true
==	等于	1==2 //返回false
!=	不等于	1!=2 //返回true
===	恒等
！==	恒不等