JavaScript基础（无废话，需要有其他语言基础）

小蛇吃菜菜

已于 2022-07-14 05:30:57 修改

阅读量183

点赞数

文章标签： javascript 前端 html

于 2022-07-14 05:16:09 首次发布

本文链接：https://blog.csdn.net/m0_53149322/article/details/125776157

版权

JavaScript

1. JavaScript初识

高级语言，运行在客户端的脚本语言

脚本语言：不需要编译

1.1 浏览器执行js过程

浏览器两个部分

渲染引擎：内核，解析HTML和css

js引擎: js解释器，读取网页js 代码，处理后运行

1.2 js三部分

ECMAScript：JavaScript语法

DOM：页面文档对象模型

BOM：浏览器对象模型

1.3 js书写位置

1.3.1 行内式

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <input type="button" value="111" onclick = "alert('aaa')">
</body>
</html>

1.3.2 内嵌式

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        alert('hello world');
    </script>
</head>
<body>
</body>
</html>

1.3.3 外部js

<!-- html -->

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="main.js">
    </script>
</head>
<body>
</body>
</html>

//JavaScript

alert("welcome")

1.4 js注释

<script>
    //单行注释
    /*多行
    注释*/
</script>

2. js基础

2.1 js输入输出

方法	说明	归属
alert	浏览器弹出警示框	浏览器
console.log	浏览器控制台打印输出信息	浏览器
prompt	浏览器弹出输入框，用户可以输入	浏览器

2.2 变量

var bianliang;
bianliang = zhi;
var a1=1,a2=2;//多个变量

只声明，不赋值 undefined

不声明，只赋值值（全局变量）

不声明，不赋值 error

2.3 数据类型

js弱类型（动态语言）

变量类型只在程序运行中，由等号值确定；

变量类型可以变化

2.3.1 简单数据类型

Number , String , Boolean , Undefined , Null

简单数据类型	说明	默认值
Number	数字型，包括整数和浮点数	0
String	字符串类型	“”
Boolean	布尔值类型	false
Undefined	var a;声明变量但没给值，此时a= undefined	undefined
Null	var a = null ; 声明了变量a为空值	null

八进制数字前面加0表示八进制

十六进制数字前面加0x表示十六进制

console.log(Number.MAX_SAFE_INTEGER)
console.log(Number.MAX_VALUE)        
console.log(Number.MIN_SAFE_INTEGER)        
console.log(Number.MIN_VALUE)
NaN//非数字
b = isNaN(a)判断非数字 数字返回false
str.length 返回字符串长度

typeof n

parseInt(n) 转换成整数

parseFloat(n)

2.3.2 复杂数据类型

2.4 逻辑运算符

&& 逻辑与

|| 逻辑或

！逻辑非

逻辑中断

有多个表达式时，左边的表达式值可以确定结果时，右边就不再继续运算。

//&&
//如果表达式1结果为真，返回表达式2
//如果表达式1结果为假，返回表达式1
console.log(123&&456)//456
console.log(0&&456)//0
//&&找假，找到返回，没找到返回最后一个真
、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、
//||
//如果表达式1结果为真，返回表达式1
//如果表达式1结果为假，返回表达式2
console.log(123||456)//123
console.log(0||456)//456
//||找真，找到返回，没找到返回最后一个假

2.5 数组

数组定义创建

var arr = new Array()
var arr[]

2.6 函数

function fun (n1,n2....) {
	//函数体
	return n ,
}

无return返回undefined。

arguments的使用

采用arguments 来获取函数参数，所有函数都内置了arguments对象。

function fun() {
	console.log(arguments);
}
fun(1,2,3);
//输出
//Arguments(3)
//0: 1
//1: 2
//2: 3

小蛇吃菜菜

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
JavaScript基础（无废话，需要有其他语言基础）

高级语言，运行在客户端的脚本语言脚本语言：不需要编译浏览器两个部分渲染引擎：内核，解析HTML和cssjs引擎: js解释器，读取网页js 代码，处理后运行ECMAScript：JavaScript语法DOM：页面文档对象模型BOM：浏览器对象模型1.3.2 内嵌式1.3.3 外部js1.4 js注释2. js基础2.1 js输入输出方法说明归属alert浏览器弹出警示框浏览器console.log浏览器控制台打印输出信息浏览器prompt浏
复制链接

扫一扫