JavaScript基础知识点

简介: JavaScript基础知识点

一.基础语法

1、javaScript引入方式

JavaScript的3种引入方式:

外部JavaScript

内部JavaScript

元素事件JavaScript


外部JavaScript:指的是把HTML代码和JavaScript代码单独放在不同的文件中,然后在HTML文档中使用“script标签”来引入JavaScript代码

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

内部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>

元素事件JavaScript:指的是在元素的“事件属性”中直接编写JavaScript或调用函数

2、变量与常量

变量

在JavaScript中,如果想要使用一个变量,我们一般需要两步:


1.变量的声明


2.变量的赋值


变量命名,我们需要遵循以下2个方面的原则:


       变量由字母、下划线、$或数字组成,并且第一个字母必须是字母、下划线或$


       变量不能是系统关键字和保留字


var 变量名=值;

常量:定下来的不能随便改的数

var DEBUG = 1'


3、数据类型

js有5大数据类型:

关键字 说明
number 数值型:包括整数和浮点数
boolean 布尔类型:true / false
string 字符串:包含字符和字符串。可以使用双引号或单引号
object 对象类型:JS内置对象或自定义对象
undefined

未初始化,未知类型


js是弱类型语言,定义一个变量可以赋值为不同的数据类型


java与js数据类型对比


数据类型                Java中定义变量                                        JS中定义变量

整数                            int i = 5;                                                    var i = 5;

浮点数                        float f = 3.14; 或 double d=3.14;               var f = 3.14; 或 var d=3.14;

布尔                            boolean b = true;                                      var b = true;

字符                            char c = ‘a’;                                               var c = ‘a’;

字符串                         String str = “abc”;                                      var str = “abc”;


typeof操作符

typeof用于判断某个变量数据类型,返回这种数据类型的名字

写法一:
typeof 变量名 
写法二
typeof(变量名)
相关文章
|
5月前
|
JavaScript 前端开发 CDN
总结 vue3 的一些知识点:Vue.js 安装
总结 vue3 的一些知识点:Vue.js 安装
|
5月前
|
XML JSON 前端开发
|
5月前
|
JavaScript
总结 vue3 的一些知识点:​Vue.js 条件语句​
总结 vue3 的一些知识点:​Vue.js 条件语句​
|
14天前
|
JavaScript 前端开发 Java
JavaScript 类知识点概览
概览JavaScript中类的知识点,包括类的定义和实现、添加方法和get/set方法、类的继承和静态方法的使用。通过学生类和人员类的例子,演示了类的构造器、方法定义、继承关系和静态方法的调用。
JavaScript 类知识点概览
|
2天前
|
存储 JavaScript 前端开发
|
2月前
|
JavaScript 前端开发
JavaScript 知识点总结
JavaScript 知识点总结JavaScript 是一种广泛应用于前端开发的编程语言。本文将总结一些常见的 JavaScript 知识点,帮助你更好地理解和应用这门语言。 一、基本语法和数据类型 变量声明:使用 var、let 或 const 声明变量。var 声明的变量具有函数作用域,而 let 和 const 声明的变量具有块级作用域。 var x = 10; let y = 20; const z = 30; 数据类型:JavaScript 中有以下几种基本数据类型:String(字符串)、Number(数字)、Boolean(布尔值)、Undefined(未定义)、Null(空值
36 3
|
5月前
|
JavaScript 前端开发 Java
前端知识点03(JS)
前端知识点概览:了解JS中的this指向,包括全局、函数、new、apply/call/bind及箭头函数的规则。理解script的async和defer属性对脚本加载和执行的影响。探讨setTimeout和setInterval的用法及其在性能上的考量。ES6与ES5的区别在于新语法特性,如let/const、箭头函数、模板字符串、模块化、类和继承等。此外,ES6还引入了Symbol、解构赋值、默认参数、Map/Set和Generator等功能。别忘了点赞和支持作者哦!
44 1
|
5月前
|
存储 缓存 前端开发
< 今日份知识点:Javascript本地存储的方式有哪些?区别及应用场景? >
在前端开发中,偶尔需要存储一些如: 用户信息、登录状态、历史记录等常量数据。用于后续二次调用,并且避免刷新后丢失。这时,就需要用到本地存储了。 在`JavaScript` 中,提供了四种可用的本地存储方式: **`cookie`** ,**`sessionStorage`**, **`localStorage`**, **`indexedDB`** ( 已废除的 `WebSQL` )。四种方式各有千秋,接下来,就由小温带各位卷王了解一下,`Javascript` 中的本地存储吧
< 今日份知识点:Javascript本地存储的方式有哪些?区别及应用场景? >
|
5月前
|
JavaScript 前端开发 Java
[javascript]知识点
如果文中阐述不全或不对的,多多交流。
165 0
[javascript]知识点
|
5月前
|
JavaScript 前端开发
javascript知识点
javascript知识点