JavaScript基础知识总结

Posted mossbaoo

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JavaScript基础知识总结相关的知识,希望对你有一定的参考价值。

当我们接触一种新语言时,首先要先了解它,对它有一定的理论认识。

那么,什么是javascript呢?

JavaScript是一种脚本语言,由web浏览器进行解释和执行。它包括ECMAScript、DOM和BOM。

  ECMAScript:JavaScript核心语法 (描述了JavaScript组成语言的语法和基本对象)

  DOM:Brwoser Object Model 文档对象模型 (描述处理页面内容的方法和接口)

  BOM:Document Object Model 浏览器对象模型 (描述与浏览器进行交互的方法和接口)

它能做什么?

JavaScript给予页面灵魂,让页面可以动起来,包括动态的数据,动态的标签,动态的样式等等;能以更简单的方式去实现你想要的效果。

怎样将JavaScript应用到网页中呢?

  方法一:将JavaScript代码插入html文档<head>部分的<script>标签中

  例如:

<head>
    <script type=“text/javascript”>
        //javascript 代码
        alert("hello world");
    </script>
</head>

  方法二:将JavaScript代码存放在一个独立的文件中(用.js作为文件的扩展名,再利用<script>标签的src属性指向该文件)

  例如:js文件名为"test.js"

//javascript 代码
alert("hello world");
<!-- html 代码 -->
<head>
    <script type=“text/javascript” src=“test.js”></script>
</head>

 

JavaScript语法

一、变量

先了解一下什么是变量吧,任何编程语言都有“变量”,顾名思义,就是内容可变的量。它可以是一个很短的量用来存储很长的内容,不同的内容。

比如说,一个杯子,可以装100ml的可乐,也可以装200ml的可乐,也可以装200ml的牛奶。

那为什么要用变量?

相同的代码出现多次,称之为冗余,不优化,不好维护。

数学中的1+1=2,等号指的是左边和右边相等,

而编程中age=20,等号指的是右边的值赋值给左边的量。

  1.变量是由var运算符加变量名定义的

   例如:var name = "mossbaoo";

      var age = 20;

  2.变量名的命名规则:

   ①第一个字符必须是字母、下划线、或美元符号;

   ②变量名中不能包含空格或标点符号(下划线和美元符号除外);

   ③变量名区分大小写 ;

   ④不能使用保留字、关键字。

  3.变量命名方式:

   ①大驼峰:UserName

   ②小驼峰:userName

   ③匈牙利:user_name

  4.关键字,保留字

   关键字:在JavaScript里面具有某种特殊意义的单词叫做 关键字

   保留字:在javscript里面有可能将来作为关键字的就叫做 保留字

关键字大全
break do instanceof typeof case
else new var catch finally
return void continue for switch
while debugger function this with
default if throw delete in
try        

 

 

 

 

 

 

 

保留字大全
abstract enum int short boolean
export interface static byte extends
long super char final native
synchronized class float package throws
const goto private transient debugger
implements protected volatile double import
public        

 

 

 

 

 

 

 

 

  5.每句JS语句要以分号结束,虽然它允许你不加分号,但是为了程序的一致性跟严谨性,建议加上去。代码尽量写的整齐点、该缩进就缩进,该换行就换行,好习惯就要一开始养成。

 

以上是关于JavaScript基础知识总结的主要内容,如果未能解决你的问题,请参考以下文章

VSCode自定义代码片段12——JavaScript的Promise对象

VSCode自定义代码片段12——JavaScript的Promise对象

记录--九个超级好用的 Javascript 技巧

几个关于js数组方法reduce的经典片段

VsCode 代码片段-提升研发效率

30秒就能看懂的JavaScript 代码片段